CSS（层叠样式表，Cascading Style Sheets）是一种用于描述文档样式和布局的样式表语言。它可以与HTML结合使用，用于控制网页的外观和格式。以下是CSS的主要特点和一些基本概念：
基本概念：
-
选择器（Selectors）：
- 选择器是CSS规则的一部分，用于选择要应用样式的HTML元素。
- 例如，
p选择器选择所有<p>元素，.class选择器选择具有指定类的元素，#id选择器选择具有指定id的元素。
-
属性（Properties）：
- 属性是要设置的样式的具体特征，如颜色、字体大小、边框等。
- 例如，
color: red;设置文本颜色为红色，font-size: 16px;设置字体大小为16像素。
-
值（Values）：
- 属性的值定义了属性的具体样式。
- 例如，
font-family: "Arial", sans-serif;设置字体族为Arial，如果Arial不可用，则使用sans-serif。
-
规则（Rules）：
- 规则由选择器、属性和值组成，定义了要应用于特定元素的样式。
- 例如，
p { color: blue; }定义了所有<p>元素的文本颜色为蓝色。
CSS的结构：
一般来说，CSS规则的结构如下：
selector {
property: value;
/* more properties and values */
}- 选择器（selector）：选择要应用样式的HTML元素。
- 属性（property）：定义要修改的样式特征。
- 值（value）：指定要应用于属性的具体样式。
CSS的类型：
-
内联样式（Inline Styles）：
- 在HTML元素内部使用
style属性设置样式。<p style="color: red; font-size: 16px;">这是一段红色字体的文字。</p>
- 在HTML元素内部使用
-
嵌入样式（Internal Styles）：
- 在HTML文档的
<head>部分使用<style>标签定义样式。<head> <style> p { color: blue; font-size: 18px; } </style> </head>
- 在HTML文档的
-
外部样式表（External Stylesheet）：
- 将样式规则保存在一个独立的CSS文件中，并在HTML文档中链接。
<link rel="stylesheet" type="text/css" href="styles.css">
- 将样式规则保存在一个独立的CSS文件中，并在HTML文档中链接。
CSS的特性：
-
层叠性（Cascading）：
- 多个样式规则可以同时应用到同一个元素，层叠性定义了它们的优先级和应用顺序。
-
继承性（Inheritance）：
- 子元素可以继承父元素的某些样式，例如文字颜色和字体。
-
优先级（Specificity）：
- 定义了当多个规则冲突时，哪些规则具有更高的优先级。
-
盒模型（Box Model）：
- 元素在页面上被表示为矩形框，包括内容区域、内边距、边框和外边距。
-
响应式设计（Responsive Design）：
- CSS可以用于创建响应式的布局，使网页在不同设备和屏幕尺寸上呈现良好。
CSS是构建现代网页的重要技术之一，通过它，开发者可以控制页面的外观和布局，提供更好的用户体验。
标签：Style,样式,元素,Cascading,HTML,样式表,选择器,CSS From： https://www.cnblogs.com/Magiclala/p/17911178.html