m0_49288919的博客

移动端只需要考虑兼容webkit内核 viewport 布局视口、视觉视口、理想视口(meta设置) 理想视口 normalize.css 1.去除元素不必要的默认内外边距 2.box-sizing: border-box 去除点击文字背景高亮 -webkit-tap-highlight-color:transparent 去除默认外观 ios浏览器必须添加，才能给按钮和输入框自定样式 -webkit-appearance:none 去除长按弹出菜单 -webkit-touch-callout:n

元素::after｛ content：’’ ｝ 元素::before｛ content：’’ ｝ 操作会创建行内元素 content为必须属性

[属性名] [属性名=‘属性值’] ^=以属性值开头 $=以属性值结尾 *=包含属性值 比如类属性包含icon值 button[class*="icon"]{ ... } ​

-child （元素名可选） 元素名:first-child 元素名:last-child 元素名:nth-child(n) 从第n个开始 结果=0,1,2,3,4,5…… 元素名:nth-child(n+5) 从第n个开始 结果=5,6,7,8,9…… 元素名:nth-child(-n+5) 从第五个开始 结果=5,4,3,2,1 元素名:nth-child(odd) 选择奇数项 元素名:nth-child(2n+1) 元素名:nth-child(even) 选择偶数项 元素名:nth-child(2n)