CSS常用选择器-通配符选择器*-id选择器(id#)-类选择器(class.)-元素选择器(E)-后代选择器(EF)-子元素选择器(E)>F)-相邻兄弟元素选择器(E+F)-组选择器(selector1,selector2,...,selectorN)-第n个选择器:fist-child:选择某个元素的第一个子元素last-child:select一个元素的最后一个子元素选择器的权重是基于样式的位置:!improtant>inlinestyle>styletag>linktag。计算方式:一个内联样式+1000,一个id+100,一个属性选择器/类或伪类+10,一个元素名,或伪元素+1。有关其他规则,请参阅进一步阅读。盒模型box-sizing:border-box:此时元素的内边距和边框不再增加其宽度,更容易理解和计算。CSS通用属性:-背景:背景颜色:#9cbfcc;背景重复:重复;背景:url('images/grass.png');背景大小:包含;(内部完全限制设置大小)-方向:填充:020px30px0(右上角左下角)margin-right:10px;文本对齐:左;显示:块;(in-line,inline-block)-font:font-family:font-size:size-border:border-radius:圆角半径设置border:solid8pxrgb(210,157,65);style,thickness,color定位技术relative(相对定位)设置相对定位后,通过修改top,left,Bottom,right值,元素会移动到自己文档流的位置,其他元素不会调整自己位置,以弥补偏离后留下的差距。Absolute(绝对定位):设置绝对定位后,元素离开文档流,其他元素会调整自己的位置,以弥补其偏离后留下的空隙。元素偏移量是相对于其最近的设置了定位属性的元素(位置是相对的或绝对的,并且值不是静态的)。fixed(固定定位):设置固定定位后,元素相对偏移的参照是可见窗口。即使页面滚动,元素仍将位于固定位置。重心修改:transform:translate(-50%,-50%),坐标原点由左上角改为中心位置。延伸阅读Selectormini-gameSomethingthingsyoushouldknow-CSSweightbox模型详解CSS常用属性absolute和relative学习CSS布局inline-vs-inline-block备注,1.6,1.7本文由EverFight创作,为根据CreativeCommonsAttribution3.0中国大陆许可证获得许可。
