发表于: 2018-11-04 20:23:02

1 764


今天完成的事情:

今天完成了任务六,补全了样式,并进行了调试。然后查看了后面的思考题

一、如何去除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的间距和属性之间的继承。


返回列表 返回列表
评论

    分享到