CSS权威指南(后七章)

第八章小结

1. p元素上下是有1em的
2. 行内替换元素和非替换元素

• margin。垂直方向上，前者影响行高并能体现，后者不影响行高不体现
• 那么如何影响行内替换元素的行高呢？三种方式
• border。无论行内元素指定怎样的边框，不会影响行高
• padding。垂直方向上，前者影响行高并提箱，后者可以设置内边距——window.getComputedStyle即可获取，但是不影响行高不体现，就是单纯可设置

3. 边框的颜色和元素文本颜色一致, 边框突出样式和内嵌样式比较好玩, 透明边框的应用,(border)子属性顺序无影响

第九章小结

1. 前景色(color)，背景色(backgroundColor)
2. 默认大部分元素(表单元素除外)边框色和前景色一致
3. 前景色继承，但是有href属性的a标签自定前景色
4. 背景色和相关子属性

• background-position默认左上角，但是只设置一个值，第二个默认为center
• 0% 0%图片左上角和元素左上角重合, 100% 100%图片右下角和元素右下角重合
• 定位和平铺结合可以产生不同的效果, 比如完整的从左上角开始，被卡一半的开始
• background-attachment
• 使用的元素都是从可视区域的左上角开始的，会形成好玩的效果
• 没有必不可少的值

第十章小结

1. 有外边距元素和浮动元素相邻，垂直外边距不会合并。包含块的概念
2. 浮动规则
3. 清除浮动
4. 定位的包含块，需要根据position分类，比如根级包含块，相对定位的包含块，绝对定位的包含块，固定定位的包含块
5. 其他设计的属性

• min-width等
• overflow + clip
• visibility

6. 可以理解为，指定了top和height， bottom回自动补全。如果三者都指定，但是不等于包含块的高度则bottom会被忽略而自动调整
7. 定位元素(position非static)才能使用z-index

第十一章小结

1. 表的相关常用属性border-collapse
2. 表格元素上的属性border
3. 如何设置表格的固定宽度

• table-layout: fixed
• 设置首行单个表格的宽度
• 可以结合ellipsis解决一下之前表格的问题

第十二章小结

1. list-style-type各种类型任君挑选，list-style-image也是会被继承的哦，要注意处理一下，list-style-position能改变位置，但是ul的左边距还是会有的
2. 生成内容，content原来还可以指定图片，它的display受到它所属元素的限制，它和它所属的元素存在继承关系
3. 指定内容，content字符串是原样输出，同时可以使用attr()获取 元素属性值。使用元素的quotes属性指定引号。
4. 计数器，可以通过counter-reset给ul和counter-increment给li, li的伪元素应用的方式设置计数器

第十三章小结

1. 可以指定图形光标，但是需要图片格式符合要求
2. outline可以设置样式，颜色，宽度，但是不占控件同时不一定是矩形

第十四章小结

1. 为特殊人群服务

附录

1. 各种基础属性，选择器，伪类和伪元素