发表于: 2018-09-08 22:16:59
1 732
今天完成的事情:
护工个人主页
.nav{
background-repeat:no-repeat;
background-image: url(../img/task5.15.png);
height: 240px;
width: 100%;
background-size: cover;
padding-top: 100px;
}
.main{
height: 115px;
width: 115px;
background-image: url(../img/task5.16.png);
border-radius: 50%;
margin-left: 40px;
float: left;
background-size: contain;
}
明天计划的事情:明天继续任务五的另一个
遇到的问题:现在百度搜问题用的更得心应手了,基本大部分问题都能解决,有实在不懂得请教师兄就明白了。
收获:今天学习了class的命名规范,知道为什么要规范,因为class跟id不一样,class本来就是设计用来可以重复利用的,而id才是设计唯一的。样式是可以覆盖的,而且先按照权重,再按照定义的先后顺序。也许你花了十分钟设计定义的一个class样式,人家分分钟就给你干掉了,这得多恼火;也许这个页面好好的,跑到另一个页面就跟原先的样式有了冲突。所以class命名的难就难在既要重复利用,又要避免样式的冲突。如果要重复利用,那么当然是越简单越好,越抽象可用的地方越大,太具体了就完蛋了。而如果要避免样式冲突。BEM的方式最简单,class都唯一了,那还冲突个毛线;其次就是通过父元素限定作用域,可以搞几个层级,而不是单独一个class定义样式;还有就是追加class,来实现差异化;最后不同的页面不同的文件,你用你的我用我的。
评论