CSS 的主要作用是将 HTML 文档与样式分离,使 HTML 文档只用于描述内容,而 CSS 用于描述内容的外观和样式。通过 CSS,大家可以控制页面的布局、颜色、字体大小、间距、背景图像等样式。
CSS 采用了层叠的概念,即同一元素可以同时受到多个样式的影响,但具有不同的优先级。CSS 样式的优先级由高到低依次是: !important >内联样式 >ID 选择器 >类选择器或属性选择器或伪类选择器 >标签选择器或伪元素选择器 >通配符或继承样式。
p{ color: red; font-size: 16px; font-weight: bold; }
上面的代码表示对所有 p 标签应用样式,其中 color 属性控制字体颜色为红色,font-size 属性控制字体大小为 16 像素,font-weight 属性控制字体加粗。
除了以上这些常见元素选择器,CSS 中还有许多其他类型的选择器,例如后代选择器、相邻兄弟选择器等,这些选择器可以根据不同的需求选择不同的元素进行样式的控制。