首页 > 程序开发 > web前端 > HTML/CSS >

CSS基本选择器与CSS样式引入

2017-08-21

CSS基本选择器与CSS样式引入。CSS是英文(Cascading Style Sheets)的缩写,中文意为层叠样式表,是前端三大基本技术之一。其作用是对html起渲染和修饰的作用。而其中以选择器为基础,今天就为大家介绍一些基本选择器。

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.容易产生重复的代码,造成文档体积变大

2.不利于维护

3.不符合结构与样式分离的规范

综上所述:不建议使用行间样式

二.外部样式:外部引入css的优缺点:

优点:

1.利于后期维护

2.可以重复使用

3.完全实现结构与样式的分离

缺点:

会产生额外的请求(但是我们可以借助工具抹平这个缺点)

三.内部样式:

1.不会产生额外的请求

2.初步实现结构与样式的分离

3.适合单页面网站应用(移动端应用)

缺点:代码复用不方便

相关文章
最新文章
热点推荐