CSS是英文(Cascading Style Sheets)的缩写,中文意为层叠样式表,是前端三大基本技术之一。其作用是对html起渲染和修饰的作用。而其中以选择器为基础,今天就为大家介绍一些基本选择器。
基础选择器:
1.*:通配选择器,遍历文档中的所有标签,无论你这
个标签有没有写,有没有在文档中出现,对网页性能有一定的影响
2.标签名选择器:作用于一类标签
适用场景:body,重置某类标签的默认样式如a标签h1等标签
3.群组选择器:选择器1,选择器2,选择器3
4.类选择器:.类名称(类名:不要以数字开头 尽量要有意义 多个单词建议使用_连接)
5.后代选择器:选择器1 选择器2 选择器3(选择器1 2 3 为父子级关系)
CSS样式引入
CSS样式引入有三种方式:
1.行间样式:行间样式的优缺点
优点:不会额外的产生请求
缺点:1.容易产生重复的代码,造成文档体积变大
2.不利于维护
3.不符合结构与样式分离的规范
综上所述:不建议使用行间样式
2.外部样式:外部引入css的优缺点:
优点:1.利于后期维护
2.可以重复使用
3.完全实现结构与样式的分离
缺点:会产生额外的请求(但是我们可以借助工具抹平这个缺点)
3内部样式:1.不会产生额外的请求
2.初步实现结构与样式的分离
3.适合单页面网站应用(移动端应用)
缺点:代码复用不方便