初识CSS|青训营笔记

这是我参与「第四届青训营」笔记创作活动的的第2天

一、什么是CSS

定义：CSS即层叠样式表(英文全称：Cascading Style Sheets)，是一种用来表现HTML或XML等文件样式的计算机语言，CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

同时CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

内联：指的是直接在标签中写入对标签的css代码。

嵌入：指的是在HTML文件中写上对标签的控制，用<style></style>将css代码嵌入进来。

外链：指的是将css代码写入另外的css文件中，再以链接的方式引用。

通配符选择器常用 ‘*’ 号表示，它是所有选择器里作用范围最广的，能匹配页面中所有的元素。

实例：

标签选择器是指用HTML标记名作为选择器，按标记名称分类，为页面中某一类标签指定统一的CSS样式。

实例：

id选择器使用‘#’进行标识，后面紧跟id名。对标签取id名，且id名唯一，用于对某一元素指定特定的css样式。

实例：

类选择器使用‘.’(英文点号)进行标识，后面紧跟类名。可以对某一标签和某些标签取同一类名，以此来对一类标签进行css样式规定。

实例：

属性选择器可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。

实例：

CSS提供了五种基本伪类选择器，分别对应HTML标记的五种状态。

实例：

顾名思义，即将不同选择器以不同方式组合使用。

工作原理：