发表于: 2021-03-22 21:09:19
1 1293
今天完成的事情:任务六完成,任务六总结和深度思考。
明天计划的事情:基础知识巩固,任务六wiki总结,预习任务七。
遇到的问题:margin的重叠问题和解决方法不清楚。
收获:
页面宽度缩小,实现文案不换行,至出现省略号代替,所需的必备条件:
1.文字超出容器宽度时,文字被隐藏的文字用省略号代替。要保证文本不换行,容器宽度也限制一下。
2.行内元素要显示省略号,需要先转化成块状元素或行内块元素。
3.代码white-space:noworp;(强制文字不换行),overflow:hidden;(文字溢出隐藏),一起使用。
CSS样式中可以被继承的属性值:( 只写了目前我所能运用到的和了解到的)
1,关于字体的属性:
font-family:字体类型;font-weigh:字体粗细;font-size:字体大小;
font-styue:字体风格;font-variant:小写字母转换,转换后尺寸相对大写字母较小;font-stretch:字体进行伸缩;
2,关于文本的属性:
text-indent:文本缩进;text-align:文本水平对齐;line-height:行高;word-spacing:单词之间的间距;letter-spacing:中文或者字母之间的间距;
direction:规定文本的书写方向;text-transform:控制文本大小写(就是uppercase、lowercase、capitalize这三个);color:文本颜色;
3、元素可见性:visibility:控制元素显示隐形;
4、关于表格布局属性:
caption-side:设置表格标题的位置。border-collapse:设置是否将表格边框折叠为单一边框。
border-spacing:设置分隔单元格边框的距离。empty-cells:设置是否显示表格中的空单元格。table-layout:设置显示单元、行和列的算法。
5、列表布局属性:
list-style:列表风格(包括list-style-type、list-style-image等)
list-style:简写列表样式,用于把所有用于列表的属性设置于一个声明中。
list-style-type:修改用于列表项的标志类型;list-style-image:对各标志使用一个图像。
list-style-position:可以确定标志出现在列表项内容之外还是内容内部。
6、光标属性:cursor:光标显示为何种形态.
7、页面样式属性:page:规定元素应该被显示的页面特定类型。page-break-inside:设置在表格元素内部避免进行分页的分页行为。
windows:设置当元素内部发生分页时必须在页面顶部保留的最少行数。orphans:设置当元素内部发生分页时必须在页面底部保留的最少行数。
评论