文章大纲来源：【Day 5】CSS 高级CSS 选择器CSS 拓展CSS 单位CSS 参考手册CSS 选择器内容引用：CSS 选择器元素选择器html { … }选择器分组h2, p { … }类选择器.important { … }p.warning { … }.important.warning { … }/* 选择同时拥有这两个类名的元素 /ID选择器#intro { … }属性选择器a[href] { … }a[href][title] { … }a[href="…"] { … }p[class=“important warning”] { … }/ 完全匹配的属性内容 /p[class~=“important”] { … }/ 部分匹配的属性内容 /后代选择器h1 em { … }子元素选择器h1 > strong { … }相邻兄弟选择器h1 + p { … }伪类CSS 伪类用于向某些选择器添加特殊的效果。语法是selector : pseudo-class {property: value}。a:link { color: #FF0000 } / 未访问的链接 /a:visited { color: #00FF00 } / 已访问的链接 /a:hover { color: #FF00FF } / 鼠标移动到链接上 /a:active { color: #0000FF } / 选定的链接 */p:first-child { font-weight: bold; }CSS 拓展内容引用：CSS 高级水平对齐使用margin:auto水平对齐margin-left:auto;margin-right:auto;使用position左或右对齐position:absolute;right:0px;使用float左或右对齐float:right;尺寸height：元素高度width：元素宽度line-height：行高max-height：最大高度max-width：最大宽度min-height：最小高度min-width：最小宽度CSS 单位内容引用：CSS 单位相对长度指定了一个长度相对于另一个长度的属性，对于不同的设备相对长度更适用。em：相对于应用在当前元素的字体尺寸，一般浏览器字体大小默认为16px，则2em == 32pxex：依赖于英文子母小 x 的高度ch：数字 0 的宽度rem：根元素（html）的 font-sizevw：viewpoint width，视窗宽度，1vw=视窗宽度的1%vh：viewpoint height，视窗高度，1vh=视窗高度的1%绝对长度绝对长度单位是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）。cm：厘米mm：毫米in：英寸(1in = 96px = 2.54cm)px：像素 (1px = 1/96th of 1in)pt：point，大约1/72英寸； (1pt = 1/72in)pc：pica，大约6pt，1/6英寸； (1pc = 12 pt)CSS 参考手册使用时如果有疑问可以随时查看【CSS 参考手册】。个人静态博客：气泡的前端日记： https://rheabubbles.github.io