HTML知识点之CSS

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化.
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

简单来说CSS就是为了给静态页面做装饰(类似于装修房子),他的功能非常强大, 大多数情况下, 通常都是css跟html是分离写的, 并不在一个文件里, 因为有的css可以供多个html文件使用, 所以一般都使用引入的方式来调用它.

样式的引入

1.行内样式 (直接在标签里设置样式)

<p style="color:red;">color是设置字体的颜色</p>

每一个标签如果都需要设置样式的话工作量会很大很麻烦, 这样的话不利于后期维护修改

2.内联样式 在当前文件中head标签中设置样式

3.外联样式

外联样式就是直接用link指定css路径后的一种调用方式 从而无须再写style关键字 直接link就行了

css选择器
为了更加方便灵活的设置样式, CSS中还给提供了选择器,它能根据标签或者id等特征去批量设置标签样式 对于相同的标签样式只需要设置一次

通过浏览器渲染后的效果图

基本选择器
标签选择器 通过标签来设置样式

id选择器 通过设置id来设置样式

类选择器 通过设置类名来设置样式

他们之间的优先级是 id选择器>类选择器>标签选择器

扩展选择器
后代选择器 设置有包裹关系的标签样式

组合选择器 用于不同标签有相同样式是使用

子类后代选择器 选择有包裹关系中的子类设置样式

伪类选择器 伪类:同一个标签,根据其不同的种状态,有不同的样式。这就叫做“伪类’’ 这样的选择器就叫伪类选择器