-
link加载方式
加载的文件为异步加载（asyn) , 浏览器会开启另一个线程去同时下载css文件，一边下载html
-
选择器优先级及权重
| 优先级由高到低 | 权重 |
| ！important | infinity |
| 行间样式 | 1000 |
| id选择器 | 100 |
| class选择器/属性选择器/伪类选择器 | 10 |
| 标签选择器/伪元素选择器 | 1 |
| 通配符选择器 | 0 |
注意：权重并不是十进制，10为 0000 0001 0000 0000的简写，1为0000 0000 0000 0001的简写，由此可见之间的差距并不是10，而是255。只要记住每级之间相差很大即可。
-
css解析顺序：从右至左
例子待补充
-
并列选择器： div.demo{}
注意中间无空格，有空格为后代选择器
-
css书写经验
padding 有背景颜色 margin 无背景颜色
初始化所有标签 *{padding: 0; margin:0}
要善用 先定义好功能css,然后填充到Html样式，如 class="title1 title2"
-
用css画三角形
原理：各边均分空隙。
div{
height: 0;
width: 0;
border-top: 20px solid black;
border-bottom: 20px solid red;
border-right: 20px solid yellow;
border-left: 20px solid blue;
}
/*不需要的部分颜色设置为transparent即可*/-
字体相关
font-size: 12px; 这里的12px指的是字体高度
font-style: italic; 设置为这个值时，效果类似于em标签
font-weight: bold; 设置为这个值时，效果类似strong标签
font-family: araial; 常见的网络字体
color: red; 仅供测试时写颜色名，因为每台机器解释的可能不一样
rgba： red 00-ff green 00-ff blue 00-ff rgba(255,255,255,1) 等一 #ffffff + opacity: 1. #f40即代表 #ff4400
单位
px 像素，屏幕上最小的一个点，12px即12个像素
em 1em = 1 * 设置的文字高度， 平常我们说的 line-height： 1.2em 即1.2倍行高
缩进两字符 text-indent: 2em;
text-decoration: line-through; 设置为这个值时，效果类似del标签
underline 添加下划线
