css

285 阅读2分钟

1.什么是css

CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则。外部使用时,样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

2.css的引入方式

css的引入方式有三种分别是行内样式、内联样式和外部样式,它们的优先级是行内样式>内联样式>外部样式

1.行内样式

行内样式就是在style属性内写入

image.png

2.内联样式

内联样式在html中的head标签内写入style标签然后在其中写入css代码

1.png

3.外部样式

css的外部样式有两种分别是链接式和导入式

2.png

3.css选择器

我们可以将选择器分为五类分别是:简单选择器(根据名称、id、类来选择元素)、组合器选择器、伪类选择器、伪元素选择器和属性选择器,在这里只选择只选择简单选择器讲解

1.元素选择器

在页面上被选择的元素都将执行命令

1.png

2.id选择器(id)

选择页面中具有特定id执行命令,id不能以数字开头

2.png

3.类选择器(class)

选择页面中具有特定class的元素执行命令

3.png

4.通用选择器(*)

选择页面上的所有html元素

4.png

5.分组选择器

选取所有具有相同样式定义的html元素中间要用“,”隔开

5.png

6.后代选择器

后代选择器可以选则作为某元素后代的元素

image.png

7.子元素选择器

子元素选择器只能选择作为某元素子元素的元素

image.png

8.相邻兄弟选择器

相邻兄弟选择器可选择紧接在另一元素后的元素,且二者有相同的父元素

image.png