在上篇文章中我们简单了解了一下HTML中一些标签的简单用法。
大家都知道，我们可以在标签中添加一些属性，来改变相应文本的显示形式。但是当我们写的内容足够多足够长时，就会出现一个问题，如果我们对每一个标签都一个一个进行属性的添加的话，就会十分的繁琐。那么有没有一种较为轻便的方法呢？
这就是我们今天要了解的CSS基础中的内容。在了解这些内容前，我们要先了解一下CSS是什么。
从名称上看，CSS的全称叫Cascading Style Sheet，即为层叠样式表。
而它的主要作用则是，对页面中HTML结构进行修饰，例如修饰文本的大小、加粗、颜色、背景颜色，等等。
在了解过CSS的基本定义和作用后，就应该进入到今天的学习中了
一、CSS基本语法
在学习任何一门语言之前，我们都要从它的基本语法开始学起。
1）CSS的组成应该由
选择器{
属性：属性值；
}
组成。其中的属性值可以包含多个。选择器的作用则是用来查找到相应的页面元素。
2）CSS的基本语法特点
1.基本语法应该由选择器和样式声明两个部分组成
2.{}以及{}内的的属性被称为样式声明，其中属性与属性值之前应该由：隔开
3.每一组完整属性和属性值之后应当用；隔开
4.最后一组可以不用添加；，但是推荐大家添加上
二、CSS中的注释语句
在我们的写作过程中，经常性的需要添加一些相应的注释，以便我们后面查看或者后来的人查看。
快捷键：ctrl+？
语法：/*注释*/
三、CSS语法使用的各种样式位置
1。行内样式
行内样式不需要使用选择器，我们可以直接在相应的标签内添加所需的属性。
例如：
2.内部样式
内部样式需要选择器，且内部样式一般书写在HTML和<head>标签处，同时需要添加一个<style>标签。
例如：
3.外部样式
对于外部样式，我们需要将相对应的语法放置在一个独立的以CSS为后缀的文件中，随后在需要引用的页面的<head>标签出，插入<link>标签,然后将css文件引入。
例如：
四、选择器类型
1.标签选择器
顾名思义，以标签为选择器，这样会对以下所有这个类型标签都进行更改
例如：
2.类选择器
在使用类选择器之前，我们首先需要对相应部分的标签添加class属性，类选择器选择的就是class属性后面属性值相同的这一部分的内容。同时需要注意，在css中书写类选择器时，其前面需要添加一个点。
例如：
3.通配符选择器
顾名思义，即选中以下所有带有标签的项目
例如：
4.id选择器
一般来讲id是唯一的。使用前需要在相应位置的标签处先添加id属性。同时需要注意，在css中书写类选择器时，其前面需要添加一个#号。
例如：
5.子代选择器
子代选择器的书写方式为：父>子
例如：
6.伪类选择器
伪类选择器的作用就是，只有当你鼠标指向它时，它才会展示真正的形态。
由于伪类选择器众多，这里先介绍：hover
例如：
未指向它时：
指向它时：
5.选择器的优先级
有人就要问了，为什么在上面的伪类选择器的介绍中，中间那个“文本”也在<div>标签中，却没有被添加上相应的样式呢？
其实这里就涉及到了一个选择器优先级的概念。
目前的优先级排列如下所示：
行内(1000) > id选择器(100) > 类选择器(10) > 标签选择器(1) > 通配(0) > 继承（子代）
其中，伪类选择器和类选择器的优先级相同。
今天的分享就到这里了，明天依旧光芒万丈啊！
扫一扫
1447
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
