发表于: 2019-03-16 22:18:55

1 606


编辑日报今天完成的事情:

玩成了任务10标头,导航栏


明天计划的事情:

继续任务10 学习人的框架知识

遇到的问题:

导航栏的布局问题,hover的展示效果刚开始出了点问题,主要div设置了一个颜色,最后去掉问题已解决


收获:

因为晚上有事请假了,所以今天收获挺少的,总之来说没任务进度今天有点慢,明天要加油补回去,

再次运用熟悉了文字浮动的知识

text-aligncenter;文字居中,text-align: left;左居中,text-align: right;右居中,

进一步理解了padding;0,margin;0的知识运用

*{margin: 0; padding: 0}的作用

*{margin: 0; padding: 0}作用是Reset(重置)浏览器默认样式,对于各浏览器样式统一的话有着简单粗暴的效果。

*{margin: 0; padding: 0}的作用与利弊

  • 这东西叫“通配符”用来匹配页面上所有元素。
    *{margin:0; padding:0;}代表了网页中所有元素,包括body ,ul, li列表标签 ,p,H标题标签,dd,dt 等……都有默认的margin 或padding值的,加上这句就可以删除浏览器这些默认值,方面后面的设置。

*{margin: 0; padding: 0}的利处

使用*{margin: 0; padding: 0}可以简单方便的一次性重置所有HTML网页元素的浏览器样式,代码少,控制量大。

*{margin: 0; padding: 0}的弊处

用*,这样效率会低很多(据说),因为它重置了所有元素的样式,包括不需要重置的样式,例如table ,我们不需要去重置table元素的样式,所以还需要再为 table 设置默认样式,反而增加了代码量。

替代的写法:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {padding:0;margin:0;}





返回列表 返回列表
评论

    分享到