发表于: 2019-04-22 23:55:04
1 836
今天完成的事情:
1.完成任务一 2.了解了任务三需要的知识点以 3.了解viewport 4.了解块元素,内联元素
内联块元素
明天计划的事情:
完成任务二,任务三
遇到的问题:
1.图片之间有默认的间隔不知怎么消除,询问师兄后解决
2.盒子margin理解不透彻导致无法正常排列,询问师兄后百度资料学习了解
收获:
1.viewport:layout viewport,visual viewport,ideal viewport
2.知道了图片默认对齐的时候下部有空隙,可以用vertical-align:bottom消除
3.块元素:独占一行,表现为另起一行开始,其后的元素也必须另起一行显示,width,height
padding,margin都可空值
4.内联元素:和相邻的内联元素在同一行,width,height,top/bottom(padding/margin)都
不可控制,left/right(padding/margin)可控
5.内联块元素:表现为同行显示并可修改宽高内外边距等属性,将<ul>元素加上
display:inline-block样式,原本垂直的列表就可以水平显示了
评论