HTML5

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML) 的第五次重大修改。用于取代HTML4与XHTML的新一代标准版本.

优势

1. 网络标准统一
2. 更好的语义化标签
3. 及时更新
4. 友好的用户体验
5. 可移植性高

劣势

1. IE9以下不支持
2. 某些平台的引擎问题导致HTML5性能低下

新的语义化标签

<header>:头部标签 
<nav>:导航标签 
<main>: 主体标签 
<article>:独立的内容标签 
<section>:区段标签 
<aside>:侧边栏标签 
<footer>:尾部标签

新增音视频标签

<video controls="controls" width="300">
  <source src="01.ogg" type="video/ogg">
</video>

新增表单属性

CSS常用样式

字体属性

• 粗细font-weight
• normal
• bold 粗
• bolder 更粗
• lighter
• 字体风格font-style
• normal
• italic 斜体的字
• oblique 倾斜的字
• 行高line-height
• px 像素值
• % 百分比

文本属性

• 水平对齐 text-align
• left
• center
• right
• 文本修饰 text-decoration
• none
• overline 上划线
• line-throught
• underine
• 缩进 text-indent
• px
• em 缩进几个中文字符的位置
• 百分比

盒模型

• wdith
• height
• 内边距 padding：top、right、bottom、left
• 边框 broder
• 线宽 broder-wdith 设置边框线的宽度
• 线型 broder-style 设置边框线条的形状
• none 无框线
• solid 实线
• dashed 虚线
• 颜色 broder-color 设置边框线的颜色
• 外边距 margin：top、right、bottom、left
• 文本水平居中 text-align

显示模式

display

• block 块级元素
• inline 行内
• inline-block 行内快
• none 内容隐藏

浮动属性

float：left、right

如何清除浮动？

1. 设置 height
2. 设置属性 clear:both