发表于: 2018-11-23 20:21:21
1 698
今天完成的事情:
今天完成了任务13,重写了css样式
学习了css样式的拆分
虽然以前也用到了样式拆分,但是对其了解并没不深刻,今天好好学习了一番
CSS样式分离,一般指的是“以单独的CSS文件将CSS样式分离出来重复使用”,
此处的重用多针对不同页面的重用,就是说,一个样式文件,可以多个页面使用,这对于一些公共样式的重构是很有用的。
样式的独立拆分,使得各种效果可以自由组合,这是有别于一个class类覆盖多个CSS属性的做法的。
样式的独立拆分,精简的CSS文件,每个样式的重用性可谓发挥到的最大,同时,页面的后期维护变得异常轻松,样式冲突的可能性也是非常低的
学习了css重置样式reset
CSS reset的作用是让各个浏览器的CSS样式有一个统一的基准,而这个基准更多的就是“清零”
在张旭鑫大神的文章中能够看出他对reset滥用的痛心。。。。
确实很多的重置都是没有必要的,滥用CSS reset不仅文件大小增加了,CSS代码属性也发生了重置,CSS渲染也增加了。显然不及没有CSS reset来的高效。
顺便粘贴一下大神的reset表
body{ line-height:1.4; color:#333; font-family:arial; font-size: 12px;background:white;} input,textarea,select{font-size:12px;font-size:100%;font-family:arial;font-family:inherit; } body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{ margin:0; } h4,h5,h6{ font-size:1em; } ul,ol{ padding-left:0; list-style-type:none; } /*image with no-border*/a img{border:0;}img{border:0;}
继续开始做任务14
目前遇到的问题有纯css轮播图的写法
以前用bootstrap的时候感觉挺简单,当需要自己写的时候便感觉挺困难了
目前的思路是向任务13里面的侧边栏一样使用input和lable来做
明天计划的事情:
完成轮播图的制作,开始任务14
遇到的问题:
轮播图的制作
收获:
学习了如何拆分样式表,以及reset的副作用
评论