学习中
后代元素和子元素的区别：前者包含后者。表示形式——空格和>
XML中不支持.class写法，故有h1[class=””]{color:red;}类似写法。
伪类选择器：a:visited（静态伪类，改变一次即保持）;a:hover（动态伪类）;input:focus{}用于设置选中输入框准备输入时的样式，比如设置背景为银色等。
:first-child :nth-child(n)
:lang(de)语言
伪元素选择器： :first-letter/line :before/after
color:red !important;重要标记的规则不会被覆盖
web安全颜色：按照不同表示法，分别有能被20%整除的数（如rgb(40%,0,80%)）、0或被51整除的数（如rgb(0,204,153)）、三元组（00 33 66 99 CC FF）。这些在256色计算机系统上可以避免颜色抖动。
段落首行缩进：text-indent:3em
上下标：vertical-align:sub/super。当然之前常用的是middle实现垂直居中。
white-space的属性值影响空白符、换行符、自动换行等。
auto:width margin的left right可以设置。根据父元素宽度自动计算，即比如margin padding等宽度已知，设置width为auto，auto值即为计算得出。如果手动设置的margin left+right+width不为父元素宽度，则right自动调整为计算值。
设置left right均为auto，会设置相等的宽度，即居中。
（非）替换元素：浏览器是否根据属性替换内容，如img input等。
行间距 line-height font-size三个区别：行高-font-size等于行间距
行框 行内框：行框高度取同一行最高行内框的高度；行内框高度即为line-height
BFC 还有IFC（行内级的）
块级元素排布的规则，规定子元素如何定位以及同级元素如何排布。
在生成BFC后（float absolute inline-block flex overflow不为visible等） 垂直排布，两个BFC块之间的margin不会发生重叠。其实许多都是常用的。IE的haslayout属性，是IE内置的布局属性，对于不支持BFC的可以调用。
数据属性
HTML中
这些属性没有可视化展现意义，js读取时，可以使用document.getElementById(‘#test’).dataset.columns = “4”