发表于: 2019-11-11 23:12:41
1 980
今天完成的事情:
今天把任务六的流程总结了下,遇到的问题都在师兄的解答下明白了
之后对深度思考进行总结
去除内联块元素的间隙办法
移除空格
<a href="">
1</a><a href>
2</a><a href>
<a href="">1</a><!-- --!><a>
<a href=" ">1</a
><a href=" ">1</a>
<a>
<a>
<a>
<a>1</a>
<div>
<a href=" ">1
<a href=" ">22
</div>
____________
删掉闭合标签
使用font-size:0 最优
使用letter-spacing 字符/字间距
使用word-spacing 字体间距
哪些属性可以继承
字元素继承父元素属性
兄弟继承父元素属性
字体类属性
文本属性
内联元素可继承
字体 除text-indent 文本缩进
(文本水平对齐)text-aligh之外的文本属性
块级元素可继承
文本缩进 文本水平对齐
无继承属性
display
文本属性 vertical-aligh
文字修饰 text-decoration
文字阴影 text-shadow
处理空白区 white-space
文本排列方向 unicode-bidi
盒模型:宽 高 内外边距 边框
背景属性 背景图片、颜色、位置
定位属性:浮动、清除浮动、定位position
特殊的
a 标签字体颜色不能被继承
h1~h3
字体大小不能被继承
它们都有一个默认值
——————————————————————
看完深度思考看任务七
最开始的时候是把这个整体设成垂直轴的从上到下排列方式,后来发现不是很好,就改成水平轴居中 垂直轴居中 换行了
左上角的图标好像是按钮,之前见过,明天查查资料,学习悬停之后加上相关样式,再检查代码。没有问题继续第二张图
明天计划的事情:
学习悬停和任务七的知识点,优化第一张图
遇到的问题:
任务七第一张图,说一个图标位置不变,开始以为是固定定位,后来用flex和调整外边距完成了
收获:
现在flex的 水平轴 垂直轴 换行 相关的运用基本熟悉了
评论