• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5第六天笔记

HTML5第六天笔记

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5等相关知识,匿名希望在学习及工作中可以帮助到您
CSS布局

普通文档流:元素从上至下排列的顺序

脱离文档流:元素从正常的排列顺序被抽离

浮动:将块级元素移动到父元素最左和最右(按我们自己的意思排列)

float(浮动):left/right/none;

clear(清除):left/right/both;

float相对于父级元素进行浮动

float经常用于图文混排

如果有浮动元素,它的父元素高度塌陷。

opacity表示透明度

PC端网页布局

固定宽度且居中的布局

通栏头部、导航和脚部的布局

基本组成:头部、导航、banner、主体、脚部

全局样式:(每次做页面必须要写)

*{
margin:0;
padding:0;
box-sizing:boder-box;content-box;
}
body{
font-size:12px;
font-family:Microsoft YaHei,"微软雅黑";
width:1000px;
margin:0 auto;
}
ul,ol,li{
list-style:none;
}
a{
text-decoration:none;
}
img{
border:none;
}

——————————————————————————————————

子元素加margin-top时 出现浏览器不兼容,只要给父元素一个padding:0.1px就可以解决

字体隐藏-font-size:0px;

圆角属性:border-radius:20px 30px 40px 50px;

做圆的时候只要给border-radius:50%;就可以。

display:block; 将行内元素转换为块级元素

行内元素的默认显示是disply:inline;块级元素默认显示是display:block;

<time></time> H5新增的标签,只能写时间

<address></address>H5新增的标签,写版权,地址之类。

以上就是HTML5第六天笔记的内容,更多相关内容请关注微课江湖()!

您可能想查找下面的文章:

相关文章

  • 2018-12-03ios版的youtube如何做到没有下载更新可是图标和内容都自动变了?
  • 2018-12-03HTML5 离线应用之打造零请求、无流量网站的解决方法_html5教程技巧
  • 2018-12-03求HTML发音怎么读最专业!在线等…?
  • 2018-12-03使用HTML5在网页中嵌入音频和视频播放的基本方法_html5教程技巧
  • 2018-12-03html5使用canvas画三角形_html5教程技巧
  • 2018-12-03HTML怎么导出生成word文档?
  • 2018-12-03关于移动端H5页面中1px边框的解决方法
  • 2018-12-03必会的移动端Html5的基础知识点
  • 2018-12-03html5中 media(播放器)的api使用指南_html5教程技巧
  • 2018-12-03HTML5的五大优秀功能介绍

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 使用HTML5 Canvas为图片填充颜色和纹理
    • HTML5-Web存储如何使用?
    • 小强的HTML5移动开发之路(16)——神奇的拖放功能
    • H5的web本地存储如何使用
    • HTML5上传文件显示进度的实现代码_html5教程技巧
    • HTML5 File API改善网页上传功能_html5教程技巧
    • html5上传图片IOS系统和Android系统下均显示摄像头拍照和图片选择
    • 近期在尝试用bootstrap做移动端开发,发现了一些问题,这里写下自己的一些想法与疑问?
    • HTML5 对各个标签的定义与规定:body的介绍
    • 为什么ie对html5的支持总是丢三落四?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有