发表于： 2019-05-08 22:45:47
1 878
今天完成的事情
提交任务6：提交任务6的过程简直是一波三折，任务6时我想给GitHub文件看起来美观一些，于是重新创建了一个CSS6库，在提交之后出现各种问题。使用http://htmlpreview.github.io/?+后缀登入网页没有下拉框效果，之后经过师兄知道，调整GitHub属性，使用GitHub pages显示的前缀加文件名得以显示效果。
任务7前期准备：下载任务7PS材料文件，浏览任务7相关要求，查看学习知识点 html 5 音频 代码、查看学习知识点 html 5 动画 代码、查看学习知识点 html 5 半透明 代码、看下载的PS图可以利用哪些bootutrap组件实现效果。
任务6深度思考
去除inline-block间距有哪几种方法？
inline-block是一个块状行盒，表现为一个行内元素，它既拥有了块状元素可以设置width和height的特性，又保留了行内元素不换行的特点。
使用margin负值
margin负值的大小与上下文字体和文字大小有关，由于外部环境的不确定性及最后一个元素多出的父margin值等问题，此方法不适合大规模使用。
删掉闭合标签
HTML5中可以很任性：虽然这样很怪但确实有效。（不推荐）
使用font-size:0
所有元素可以继承的属性：
1、元素可见性：visibility、opacity 2、光标属性：cursor
内联元素可以继承的属性:
1、字体系列属性 2、除text-indent、text-align之外的文本系列属性
块级元素可以继承的属性:
1、text-indent、text-align
不能继承的属性
1、display
2、文本属性：vertical-align：
text-decoration：
text-shadow：
white-space：
unicode-bidi：
3、盒子模型的属性:宽度、高度、内外边距、边框等
4、背景属性：背景图片、颜色、位置等
5、定位属性：浮动、清除浮动、定位position等
6、生成内容属性:content、counter-reset、counter-increment
7、轮廓样式属性:outline-style、outline-width、outline-color、outline
8、页面样式属性:size、page-break-before、page-break-after
明天计划的事情
任务6没问题就进阶任务7
遇到的困难
对GitHub显示页面效果不熟悉。
收获
对可否继承的属性进行了一定了的解，感觉很有用，如果每个CSS属性都继承，对于我们而言，反而会让事情更糟。需要将子孙元素不需要的CSS属性一个一个地“关掉”。
返回列表
评论