CSS相关知识点

CSS（层叠样式表）是一种用来描述网页和其他HTML文档样式的语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

以下是一些关于CSS的常见知识点：

1. 选择器：CSS选择器用于选择需要应用样式的元素。常见的选择器包括类选择器（.class）、ID选择器（#id）、元素选择器（p, h1, div等）、后代选择器（h1 p）、子选择器（ul > li）、相邻选择器（h1 + p）、通用兄弟选择器（h1 ~ p）等。
2. 属性：CSS属性用于定义页面元素的样式。例如，color属性用于定义文本颜色，background-color属性用于定义背景颜色，width属性用于定义元素的宽度等。
3. 值：CSS属性可以接受多种值，例如长度值（px, em, rem等）、颜色值（如red, #FF0000等）、URL（图片链接）、关键词（如normal, bold等）等。
4. 继承：某些CSS属性是可以继承的，意味着子元素将自动应用父元素的某些属性。
5. 优先级：当多个选择器选中同一元素，并对同一属性设置了不同的值时，CSS解析器会根据一定的优先级规则决定哪个值会被应用。
6. 层叠：当多个选择器选中同一元素，并对同一属性设置了相同的值时，这些值会层叠在一起，产生一个单一的结果。
7. 盒模型：CSS盒模型定义了元素如何显示以及如何处理元素的内边距、边框和外边距。
8. 布局：CSS提供了多种布局方式，包括流式布局、浮动布局、绝对定位布局、相对定位布局等。
9. 媒体查询：CSS3中的媒体查询可以根据设备的不同特性（如屏幕宽度、分辨率等）应用不同的样式规则。
10. 动画和变换：CSS3提供了动画和变换特性，可以实现复杂的视觉效果。

以下是一个简单的CSS样式规则示例，该规则将应用于所有h1元素，并设置其颜色为蓝色：

h1 {
  color: blue;
}

以上就是CSS的一些基本知识点和一个简单的示例。