HTML5没有特殊要求，可以加可以不加，比如
<img src="" alt=""> or <img src="" alt="" />
<img src="" alt="">
src(source)和alt(alternative)就是属性
<h1>这样的标题<ul><li></li></ul>这样的复合元素<p><em></em></p>这样的嵌套标签
# HTMl5语法编写的最简单HTML页面模板
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>An HTML Template</title>
</head>
<body>
<!-- 这里是网页内容 -->
</body>
</html>
- 分组选择符 以
逗号作为分隔符 - 上下文选择符 以
空格作为分隔符- 子选择符 以
>作为分隔符 - 紧密兄弟选择符 以
+作为分隔符 - 一般兄弟选择符 以
~作为分隔符 - 通用选择符 以
*作为分隔符
- 子选择符 以
- id和class选择符
- class 以
.作为分隔符 不唯一 - id 以
#作为分隔符 唯一
- class 以
- 属性选择符
- 属性名 img[src]
- 属性值 img[src=""]
a:link {color: black;} //等着用户点击
a:visited {color: gray;} //用户点击过
a:hover {text-decoration: none;} //鼠标悬停
a:active {color: red;} //正在点击，鼠标没释放- :focus
- :target
- :first-child
- :last-child
- :nth-child()
- ::first-letter
- ::first-line
- ::before
- ::after
- 规则一：找到所有元素和属性的声明
- 规则二：按照顺序和权重 !important;
- 规则三：按元素优先级 I-C-E
- 规则四：顺序决定权重
- 文本值
- 数字值
- 颜色值
- position 控制页面上元素的位置关系
- display 控制元素是堆叠、并排、隐藏
- float 控制元素组成多栏布局
- 边框（ border）。 可以设置边框的宽窄、样式和颜色。
- 内边距（ padding）。 可以设置盒子内容区与边框的间距。
- 外边距（ margin）。 可以设置盒子与相邻元素的间距。
外边距叠加
解释是有
一连串段落用了相同的样式，那么第一段和最后一段的上外边距和下外边距决定了这连串段落与其它元素之间的间距，那么中间的段落呢，根本不需要上外边距和下外边距加起来这么宽的间距。因此以
上外边距和下外边距宽的为标准，
<style>
.clearfix:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
</style>
<div class="clearfix"></div>- static 静态的，默认
- relative 相对定位
- absolute 绝对定位，会随着窗口移动
- fixed 固定定位，不会随着窗口移动
absolute一般是参照body，但是如果把父元素设置为relative，那么就会参照父元素。
- 块级元素 display: block
- 行内元素 display: inline
- 隐藏 display: none 回收空间
- 隐藏 visibility: hidden 不回收空间
- 显示 visibility: visible
- background
- background-color
- background-image
- background-repeat
- background-position
- background-size
- background-attachment
- ...
- 用户机器安装的字体
- 保存在第三方网站上的字体 link
- 自己服务器上的字体 @font-face
- font
- font-family
- font-size
- font-style
- font-weight
- font-variant
- text-indent
- text-decoration
- text-align
- text-transform
- letter-spacing
- word-spacing
- line-height
- vertical-align
-
固定宽度 960px合适
-
流动
-
弹性
布局高度一般设置auto 宽度需要精确设置
UI（User Interface）
<label for="user_name">User</label>
<input type="text" id="user_name" name="user_name">for 属性 与 id 属性 通过 相同 的 值 关联 起来 后， 用户 点击 标注 文本 也可以 选择 单选 按钮 和 复选框。
- text： 基本 的 单行 文本 框。
- password： 文本 显示 为 掩 码。
- checkbox： 复选框。
- radio： 单选 按钮。
- submit： 提交 表单 的 按钮。
- time、 date、 search： HTML5 文本 框 的 变体。
- z-index 越大越上面，默认0，只对非static有效