css
2017-08-17 本文已影响0人
青雉1024
一、
1.行间样式的优缺点
优点:不会额外的产生请求;
缺点:1.容易产生重复的代码,造成文档体积变大;2.不利于维护;3.不符合结构与样式分离的规范。综上所述:不建议适用行间样式
2.CSS内部样式
不会产生额外的请求;初步实现结构与样式的分离;代码复用不方便;适合单页面网站应用。
3.CSS外部引入样式
优点:1.利于后期维护;2.可以重复使用;3.完成实现结构与样式的分离。
缺点:会产生额外的请求(但是后期我们会借助工具抹平这个缺点)
二、
基础选择器-通配选择器(*):作用于所有标签,无论你这个标签有没有写,有没有在文档中出现。
基础选择器-标签名选择器:作用于一类标签,方式是通过标签名称,使用场景:重置某类标签的默认样式。
基础选择器-群组选择器:选择器1,选择器2,...{ }使用场景:用于优化代码,减少文档体积。
基础选择器-类选择器:.类名称{ } 使用场景:可以应付各种场景,是我们最常用一种选择器。class名可以多个,多个class名用空格隔开。主要用于具有相同样式的元素设置上。
基础选择器-后代选择器:选择器1 选择器2 选择器3……{ }