发表于: 2019-11-11 23:12:41

1 982


今天完成的事情:

今天把任务六的流程总结了下,遇到的问题都在师兄的解答下明白了


之后对深度思考进行总结


去除内联块元素的间隙办法

移除空格

<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的 水平轴 垂直轴 换行 相关的运用基本熟悉了


返回列表 返回列表
评论

    分享到