发表于: 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的副作用


返回列表 返回列表
评论

    分享到