CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)

CSS语法

每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。

CSS的三种引入方式

1 行内样式

行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。

2 内部样式

嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下:

3 外部样式

外部样式就是将css写在一个单独的文件中,然后在页面进行引入即可。推荐使用此方式。

测试

CSS选择器

基本选择器

标签选择器

ID选择器

CLASS选择器

通用选择器

组合选择器

后代选择器

子元素选择器(儿子选择器)

毗邻选择器

普通兄弟选择器(弟弟选择器)

属性选择器

使用正则匹配属性值

分组和嵌套

分组

当多个元素的样式相同的时候,我们没有必要重复地为每个元素都设置样式,我们可以通过在多个选择器之间使用逗号分隔的分组选择器来统一设置元素样式。

嵌套

多种选择器可以混合起来使用,比如:.c1类内部所有p标签设置字体颜色为红色。

伪类选择器

伪元素选择器

first-letter

常用的给首字母设置特殊样式:

p:first-letter{
            font-size: 99px;
        }

before

在元素前插入内容

after

在元素之后插入内容

before和after多用于清除浮动

02-13 05:23