- css
通用选择器（*）选择页面上的所有的 HTML 元素。
分组选择器选取所有具有相同样式定义的 HTML 元素，以最大程度地缩减代码，用逗号来分隔每个选择器。
h1, h2, p {
text-align: center;
color: red;
}
- 加载样式顺序
行内样式（在 HTML 元素中）
外部和内部样式表（在 head 部分按引用顺序加载，后加载的会覆盖先加载的，实际项目一般都先引入外部样式，所以内部样式优先级高）
浏览器默认样式 - 注释：
-
背景颜色
opacity 属性指定元素的不透明度/透明度，取值范围为 0.0 - 1.0。通常是设置了background-color之后加的，所有子元素也集成透明属性
如果您不希望对子元素应用不透明度，例如上面的例子，请使用 RGBA 颜色值，alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。 -
背景图片：
默认情况下，background-image 属性在水平和垂直方向上都重复图像，可以设置仅在水平方向重复 (background-repeat: repeat-x;)，或者指定只显示一次背景图像：background-repeat: no-repeat;
background-attachment 属性指定背景图像是应该滚动scroll还是固定的fixed（不会随页面的其余部分一起滚动）。
背景属性简写方式
属性值的顺序为：
background-color
background-image
background-repeat
background-attachment
background-position
属性值之一缺失并不要紧，只要按照此顺序设置其他值即可。
-
边框简写
border: 5px solid red; /中间的属性border-style是必需的，boder也可以是任意一条边，如border:left/
border-radius: 3px; /设置圆角边框/
轮廓是在元素周围绘制的一条线，在边框之外，以凸显元素outline: 5px solid yellow; 设置了outline属性后可以指定outline-offset: 5px;属性在元素的轮廓与边框之间添加空间。 -
设置max-width属性
假设一个元素的宽度width:500px; 当浏览器窗口小于元素的宽度（500px）时，浏览器会将水平滚动条添加到页面。在这种情况下，使用 max-width 能够改善浏览器对小窗口的处理(不显示水平滚动条)。
元素的内边距、外边距、轮廓线都是元素总尺寸之外的 -
css文本
当 text-align 属性设置为 “justify” 后，将拉伸每一行，以使每一行具有相等的宽度
text-transform 属性可用于将所有内容转换为大写uppercase或小写字母lowercase，或将每个单词的首字母大写capitalize
text-indent 属性用于指定文本第一行的缩进
line-height 属性用于指定行之间的间距：大多数浏览器中的默认行高大概是 1.1 到 1.2。
white-space: nowrap：禁用元素内的文本换行
使用 em 尺寸单位调整文本大小，1em 等于当前字体大小。浏览器中的默认文本大小为 16px。因此，默认大小 1em 为 16px。使用 em 尺寸可以在所有浏览器中调整文本大小。
可以使用 vw 单位设置文本大小，它的意思是“视口宽度”（“viewport width”）。这样，文本大小将遵循浏览器窗口的大小，调整浏览器窗口的大小，字体大小缩放不会换行。
font-size:10vw 视口（Viewport）是浏览器窗口的大小。 1vw = 视口宽度的 1％。如果视口为 50 厘米宽，则 1vw 为 0.5 厘米。 -
表格边框
border-collapse: collapse; 将表格边框折叠为单一边框，适用于table, th, td都有border的情况（会出现双边框）
