摘要：分类 选择一个元素 标签选择器 如table、p等HTML标签 class类选择器 .xxx id选择器 #xxx 属性选择器 选择有某个属性的元素，如操作所有有title属性的元素：*[title] {color:red;} Angular等框架，为了组件之间的隔离，可能会给组件内的元素增加自动生 阅读全文

摘要：CSS3四个自适应关键字：fill-available、max-content、min-content、fit-content max-content 表示采用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。如果出现文本，则相当于文本不换行 如width: max-content; 边框 圆角 阅读全文

摘要：CSS3 支持使用**calc()**计算高度 使用通用的数学运算规则，但是也提供更智能的功能 使用“+”、“-”、“*” 和 “/”四则运算； 可以使用百分比、px、em、rem等单位； 可以混合使用各种单位进行计算； 表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(1 阅读全文

摘要：手段 CSS盒模型 float、position、display等css盒模型样式 细致控制 复杂 Flex布局 对子元素进行统一布局设置 简单 经验总结 弹性布局 对于表格或者整个页面的宽度分配，有时想尽量做到弹性的动态适应大小屏，既能按比例分配列宽，又想保证一些列的最小宽度，又不想在大小屏的极限 阅读全文

摘要：div上控制显示滚动条要结合overflow属性和布局、高/宽度 div的overflow、overflow x、overflow y样式 inherit：规定应该从父元素继承 overflow 属性的值。 hidden：永远不显示滚动条。内容会被修剪，并且其余内容是不可见的。 scroll：永远显 阅读全文