<style type="text/css">
在 style 中，可以规定在浏览器中如何呈现 HTML 文档，告诉浏览器这里面的文本内容(text)要当层叠样式表 (css)来解析，不能当作其它的来解析；
同时也是为了兼容所有浏览器，允许不支持这类型的浏览器忽略样式表单。
包含选择符
可以单独对某种元素包含关系定义的样式表，元素1里包含元素2，这种方式只对在元素1里的元素2定义，对单独的元素1或元素2无定义；
table a{
font-size: 12px
}
在表格内的链接改变了样式，文字大小为12象素，而表格外的链接的文字仍为默认大小。
水平布局相关
7大属性：margin-left, border-left, padding-left, width, padding-right, border-right, margin-right
这 7 个属性的值加在一起必须是父块元素的width值. ( 其中 margin-left, margin-right, width 可以设置成auto ) 设置成 auto, 会按照以上规则自动匹配到父块的宽度，例如 7个属性的和必须为 400像素，没有设置内边距或边距 ( 默认为 0) 而右外边距和width设置为100px, 左外边距为 auto,那么左外边距的宽度将是200px. 可以用 auto 弥补实际值与所需综合的差距。注：如果3个可以设置auto,都没设置成auto,而且宽度加在一起还不够父块区域的宽度的话，会默认将margin-right设置成 auto来满足总和与父块相等的要求。
垂直布局与⬆️相同。
浮动元素相关问题
- 浮动元素不会相互覆盖
- clear是为了保证在一个浮动元素周围的特定方向上不会再出现浮动元素；
import和link
link载入时是和HTML的载入同步加载的，而@import则是在页面内容载入完成之后再引用的。如果网速慢的话，可能会导致页面的样式混乱。
