发表于: 2018-11-04 20:23:02
1 761
今天完成的事情:
今天完成了任务六,补全了样式,并进行了调试。然后查看了后面的思考题
一、如何去除inline-block之间的间距?
我一直是让font-size=0来去除inline-block之间的间距;然后我去网上查了一下,大概是以下几个方法:
1、使用font-size:0
2、使用word-spacing属性
3、使用letter-spacing属性
这两种一个是字符间距一个是单词间距,差不多的效果
4、使用margin负值
margin值的大小与上下文的字体和字体大小相关
5、移除空格
元素之间出现留白间距的原因就是因为标签段之间的空格,但是可能会影响代码的可读性
二、css有哪些属性可以继承?
首先特定的css属性向下传递到后代元素叫做css样式表继承
然后有继承性的属性:
1、字体属性:
font、font-size、fon-family、font-style...
2、文本系列属性:
line-height、color、word-space、letter-spacing...
3、元素可见性:
visibility
4、表格布局属性:
table-layout、borde-spacing、border-collapse...
5、列表属性:
list-style、list-style-type、list-style-position..
6、生成内容属性:
quotes
7、光标属性:
cursor
8、页面样式属性:
page、page-break-inside、Windows、orphans
9、声音样式属性:
speak、speak-header、speak-numeral
无继承的属性:
1、display
2、文本属性:
vertical-align、text-shadow、text-decoration、white-space
3、盒子模型的高宽、内外边距、边框等
4、背景图片,背景颜色、位置等等
5、定位属性:浮动、清除浮动、定位position
6、生成内容属性:
content、counter-reset、counter-increment
7、轮廓样式属性:
outline-style、outline-width、outline-color
8、页面样式属性:
size、page-break-before、page-break-after
明天完成的事情:
明天再回顾一下任务6,写一下任务总结、开始任务7
遇到的问题:
暂无
收获:
学会了用css+div模拟下拉框、通过任务后面的两个问题知道了怎么去除inline-block的间距和属性之间的继承。
评论