从前面几天的学习中了解到html是用来控制页面结构的,而页面的样式是由css控制的,在前端开发中有一个很重要的思想就是,结构与样式分离。一张华丽的静态页面都是由css布局加修改样式后得到的,所以css的功能还是挺强大的,特别现在的css3能够做出许多动画效果了。
首先,css有四种引入样式,行内样式优先级最高,但我们常用的是外链样式。在选择器的使用中我们要注意,选择器的优先级和权重。盒模型是css学习中很重要的一部分,当我们给盒子设置边框和内边距时会改变盒子的大小,这时候需要给盒子添加box-sizing:border-box属性来控制盒子宽高不发生变化。另一个重点就是布局,目前我从江哥的视频中了解到css布局有三种布局方式,标准流是垂直排版,浮动流是一种半脱离标准流的排版方式,它是用来进行水平排版的,还有一种就是定位流排版,需要注意的是,相对定位没有脱离标准流,绝对定位和固定定位都脱离了标准流,后面江哥还讲解了css3中的2D转换模块、过渡模块、动画模块、3D转换模块,表明css也能做出一些动画的。在css的学习中,每一个知识点江哥都会用一个小案例进行讲解,新的知识点都会用前面一个案例带来问题引入,很浅显易懂,学完css之后,我感觉自己的等级提升了不少,哈哈。