文章大纲来源:【Day5】CSS进阶CSS选择器CSS扩展CSS单元CSS参考手册CSS选择器内容参考:CSS选择器元素选择器html{...}选择器组h2,p{...}classselector.important{...}p.warning{...}.important.warning{...}/*选择具有两个类名的元素*/ID选择器#intro{...}属性选择器a[href]{...}a[href][title]{...}a[href="..."]{...}p[class="importantwarning"]{...}/*完全匹配的属性内容*/p[class~="important"]{...}/*部分匹配的属性内容*/后代选择器h1em{...}子元素选择器h1>strong{...}相邻兄弟选择器h1+p{...}伪类CSS伪类用于为某些选择器添加特殊效果。语法是选择器:伪类{属性:值}。a:link{color:#FF0000}/*未访问的链接*/a:visited{color:#00FF00}/*已访问的链接*/a:hover{color:#FF00FF}/*鼠标移动到链接*/a:active{color:#0000FF}/*选中的链接*/p:first-child{font-weight:bold;}CSS扩展内容参考:CSS高级水平对齐usemargin:autohorizo??ntalalignmentmargin-left:auto;margin-right:auto;Usepositionleftorrightalignmentposition:absolute;right:0px;Usefloatleftorrightalignmentfloat:right;sizeheight:元素高度width:元素宽度line-height:行高max-height:最大高度max-width:最大宽度min-height:最小高度min-width:最小宽度CSS单元内容参考:CSS单元相对长度指定一个长度相对于另一个长度的属性,相对长度对于不同的设备更准确适用。em:相对于当前元素应用的字体大小,一般浏览器的字体大小默认为16px,那么2em==32pxex:取决于英文小x的高度ch:数字0的宽度rem:根元素(html)font-sizevw:视点宽度,窗口宽度,1vw=窗口宽度的1%vh:视点高度,窗口高度,1vh=窗口高度的1%absolutelength绝对长度单位为固定值,即反映了真实的物理尺寸。绝对长度单位取决于输出介质,不取决于环境(显示器、分辨率、操作系统等)。cm:厘米mm:毫米in:英寸(1in=96px=2.54cm)px:像素(1px=1in的1/96)pt:点,约1/72英寸;(1pt=1/72in)pc:异食癖,约6pt,1/6英寸;(1pc=12pt)如果您在使用CSSReferenceManual时有任何疑问,可以随时查看【CSSReferenceManual】。个人静态博客:前端泡泡日记:https://rheabubbles.github.io
