发表于： 2018-08-24 22:09:41
1 505
今天完成的事情:
1.HTML中dl、ul、ol用哪个比较好？
1.1ul，ol，dl标签是CSS网页布局中常用的列表元素。
列表将具有相似特征或先后顺序的内容按照从上到下的顺序排列起来
1.2ul标签：无序列表始于 u l 标签。每个列表项始于l i标签，此列项目默认使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表
无序列表
无序列表
无序列表
1.3ol标签：有序列表始于ol标签，每个列表项始于li标签，列表项目使用数字进行标记。
有序列表
有序列表
有序列表
有序列表
1.4dl标签：dl标签是定义列表，自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的定义以 dd 开始。
自定义列表
自定义列表项
自定义列表项
自定义列表项
注：以上所有的列表项内部都可以使用段落、换行符、图片、链接以及其他列表等。
1.5如何定义ul，ol，dl的样式？
在样式表中用list-style定义
disc实心圆，默认值
circle空心圆
square实心方块
decimal阿拉伯数字
lower-roman小写罗马数字
upper-roman大写罗马数字
lower-alpha小写英文字母
upper-alpha大写英文字母
注：也可以去掉默认样式，设置list-style：none，然后根据自己需要添加不同的样式，比如添加特殊背景图片，使列表显示不一样的风格。
2.去除inline-block间距有哪几种方法？
方法1: 改变书写方式
方法2：font-size
方法3：使用margin负值
方法4：使用word-spacing或letter-spacing
3.css有哪些属性可以继承？
1、字体系列属性
font-family：字体系列
font-weight：字体的粗细
font-size：字体的大小
font-style：字体的风格
2、文本系列属性
text-indent：文本缩进
text-align：文本水平对齐
line-height：行高
word-spacing：单词之间的间距
letter-spacing：中文或者字母之间的间距
text-transform：控制文本大小写（就是uppercase、lowercase、capitalize这三个）
color：文本颜色
3、元素可见性：
visibility：控制元素显示隐藏
4、列表布局属性：
list-style：列表风格，包括list-style-type、list-style-image等
5、光标属性：
cursor：光标显示为何种形态
4.完成了任务6。
明天计划的事情：
1.完成任务6的任务总结
2.学习bootstrap
3.开始任务7
遇到的问题：暂无
收获：通过任务6，学习了bootstrap的部分，充分复习了固定定位和flex的页面布局。
深度思考部分学习到了去掉inline-block间隙的方法，还有列表标签的使用。
返回列表
评论