CSS简介
CSS（Cascading Style Sheets，层叠样式表）是一种用于描述HTML或XML文档样式的样式表语言。它允许您将文档的结构和外观分离，使得网页内容更加易于管理和维护。
CSS语法
CSS语法由选择器、属性和值组成，基本格式如下：
selector {
property: value;
}
选择器
选择器用于指定要应用样式的HTML元素。常见的选择器包括：
- 标签选择器：直接指定HTML标签，例如
p、div。 - 类选择器：以点号
.开头，例如.classname。 - ID选择器：以井号
#开头，例如#idname。 - 属性选择器：根据元素属性选择，例如
[type="text"]。 - 伪类选择器：如
:hover、:focus。 - 伪元素选择器：如
::before、::after。
属性
属性用于描述元素的样式，例如 color、font-size、margin 等。
值
值用于指定属性的值，例如 red、16px、10px 20px 等。
CSS引入方式
CSS可以通过以下方式引入到HTML文档中：
- 内联样式：直接在HTML标签的
style属性中定义样式。 - 内部样式表：在HTML文档的
<style>标签中定义样式。 - 外部样式表：通过
<link>标签链接到外部的CSS文件。
CSS选择器优先级
选择器优先级决定了当多个选择器应用于同一个元素时，哪个选择器的样式会被使用。优先级从高到低如下：
- ID选择器
- 类选择器
- 标签选择器
- 伪类选择器
- 伪元素选择器
CSS常用属性
以下是一些常用的CSS属性：
- 颜色：
color属性用于设置文本颜色。 - 字体：
font-size、font-family、font-weight等属性用于设置字体样式。 - 文本：
text-align、text-indent、text-decoration等属性用于设置文本样式。 - 盒子模型：
margin、padding、border等属性用于设置盒子模型。 - 定位：
position、top、left等属性用于设置元素的定位。
实例
以下是一个简单的CSS样式表示例：
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
}
p {
color: #666;
text-align: justify;
}
a {
color: #06c;
text-decoration: none;
}
总结
通过学习CSS基本语法，您可以轻松地为HTML元素设置样式，从而制作出美观、实用的网页。在实际应用中，建议您结合具体的案例进行学习和实践，以加深对CSS的理解。