发表于: 2019-11-12 22:56:41

1 997


今天完成的事情:


 深度思考自己操作了一变  基本了解了

怎么去除内联块的间隙

font-sizi:0;

不换行 都写在一行上
开头的闭合标签省略  最后一个闭合标签写上
浮动
利用html的注释<!-- --!>
外边距的负值可以实现
css哪些属性可以继承
a标签字体颜色        /   h1~h6字体大小不可以继承
内联元素 文本缩进可以继承   (水平对齐  text-aligh不可以继承)
块级元素 文本缩进可以继承   (水平对齐  text-aligh不可以继承)
无属性继承
文本属性 vertical-aligh
文字修饰 text-decoration
文字阴影 text-shadow
处理空白区 white-space
文本排列方向 unicode-bidi
盒模型:宽 高 内外边距 边框
背景属性 背景图片、颜色、位置
定位属性:浮动、清除浮动、定位position

————————————————————

下午一直到晚上在做任务七的任务

学完hover给第一个页面添加样式

做到鼠标点击 鼠标悬停更改样式 


之后思考第二张图  


页头用的弹性盒子  下面的方块加个小三角, 头像这个三个一组 分批次做的  一个头像方块里放2个图 一黄一灰


外部用边框,底部是固定定位     鼠标悬停头像出现四个小符号难住了一会

把图片放在一个div里 隐藏 用hover 实现   音频的还没发放,明天找办法解决


之后了解第三张图

 

上面的部分很简单 下面的结构也有思路了   完成之后检查三张图的代码,整改缺点,吸收知识


明天计划的事情:

把音频放入页面   把遇到的问题解决  优化代码


遇到的问题:

音频未找到解决办法,整体页面还需要思考,现在思维第一就是flex布局。。。。需要灵活运用


发现  图片莫名少一截。。。。。明天找找原因解决吧

收获:

解决悬停出现隐藏图的问题 hover简单掌握


返回列表 返回列表
评论

    分享到