CSS常用选择器
- 通配符选择器 *
- id选择器(id #)
- 类选择器(class .)
- 元素选择器(E)
- 后代选择器(E F)
- 子元素选择器(E>F)
- 相邻兄弟元素选择器(E+F)
- 群组选择器(selector1,selector2,...,selectorN)
- nth选择器：
fist-child: 选择某个元素的第一个子元素
last-child: 选择某个元素的最后一个子元素
选择器权重
根据样式所在位置：!improtant > 内联样式 > style标签 > link标签。
计算方式：
一个行内样式+1000，一个id+100，一个属性选择器/class或者伪类+10，一个元素名，或者伪元素+1。其他规则见拓展阅读。
盒模型
盒模型
box-sizing:border-box：此时元素的内边距和边框不再会增加它的宽度，更便于理解和计算。
CSS常用属性：
- 背景：
background-color：#9cbfcc;
background-repeat: repeat;
background:url('images/grass.png');
background-size: contain;（完全限制的设定的大小内部）
- 方位：
padding: 0 20px 30px 0 (上 右 下 左)
margin-right: 10px;
text-align：left;
display:block;(in-line,inline-block)
- 字体：
font-family: 字体
font-size: 大小
- 边框：
border-radius: 圆角半径设置
border: solid 8px rgb(210, 157, 65); 样式，粗细，颜色
定位技术
relative(相对定位)
设置了相对定位之后，通过修改top,left,bottom,right值，元素会在自身文档流所在位置上被移动，其他的元素则不会调整位置来弥补它偏离后剩下的空隙。
absolute(绝对定位)：
设置了绝对定位之后，元素脱离文档流，其他的元素会调整位置来弥补它偏离后剩下的空隙。元素偏移是相对于是它最近的设置了定位属性（position为relative或者absolute，值不为static）的元素。
fixed(固定定位)：
设置了固定定位之后，元素相对的偏移的参考是可视窗口，即使页面滚动，元素仍然会在固定位置。
重心修改：
transform: translate(-50%,-50%)，坐标原点从左上角改到了中心位置。
拓展阅读
备注
该笔记源自网易微专业《Python web开发》1.4、1.5、1.6、1.7节
本文由EverFighting创作,采用 知识共享署名 3.0 中国大陆许可协议进行许可。
