第八章小结
-
p元素上下是有1em的 - 行内替换元素和非替换元素
- margin。垂直方向上，前者影响行高并能体现，后者不影响行高不体现
- 那么如何影响行内替换元素的行高呢？三种方式
- border。无论行内元素指定怎样的边框，不会影响行高
- padding。垂直方向上，前者影响行高并提箱，后者可以设置内边距——
window.getComputedStyle即可获取，但是不影响行高不体现，就是单纯可设置
- 边框的颜色和元素文本颜色一致, 边框突出样式和内嵌样式比较好玩, 透明边框的应用,(border)子属性顺序无影响
第九章小结
- 前景色(color)，背景色(backgroundColor)
- 默认大部分元素(表单元素除外)边框色和前景色一致
- 前景色继承，但是有
href属性的a标签自定前景色 - 背景色和相关子属性
-
background-position默认左上角，但是只设置一个值，第二个默认为center -
0% 0%图片左上角和元素左上角重合,100% 100%图片右下角和元素右下角重合 - 定位和平铺结合可以产生不同的效果, 比如完整的从左上角开始，被卡一半的开始
background-attachment- 使用的元素都是从可视区域的左上角开始的，会形成好玩的效果
- 没有必不可少的值
第十章小结
- 有外边距元素和浮动元素相邻，垂直外边距不会合并。包含块的概念
- 浮动规则
- 清除浮动
- 定位的包含块，需要根据
position分类，比如根级包含块，相对定位的包含块，绝对定位的包含块，固定定位的包含块 - 其他设计的属性
-
min-width等 -
overflow+clip visibility
- 可以理解为，指定了
top和height，bottom回自动补全。如果三者都指定，但是不等于包含块的高度则bottom会被忽略而自动调整 - 定位元素(position非static)才能使用
z-index
第十一章小结
- 表的相关常用属性
border-collapse - 表格元素上的属性
border - 如何设置表格的固定宽度
table-layout: fixed- 设置首行单个表格的宽度
- 可以结合
ellipsis解决一下之前表格的问题
第十二章小结
-
list-style-type各种类型任君挑选，list-style-image也是会被继承的哦，要注意处理一下，list-style-position能改变位置，但是ul的左边距还是会有的 - 生成内容，
content原来还可以指定图片，它的display受到它所属元素的限制，它和它所属的元素存在继承关系 - 指定内容，
content字符串是原样输出，同时可以使用attr()获取 元素属性值。使用元素的quotes属性指定引号。 - 计数器，可以通过
counter-reset给ul和counter-increment给li,li的伪元素应用的方式设置计数器
第十三章小结
- 可以指定图形光标，但是需要图片格式符合要求
-
outline可以设置样式，颜色，宽度，但是不占控件同时不一定是矩形
第十四章小结
- 为特殊人群服务
附录
- 各种基础属性，选择器，伪类和伪元素
网友评论