CSS，全称Cascading Style Sheets，是一种样式表语言，用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档的呈现。它能够使内容与表现分离，让开发者可以独立地管理网页的样式和结构，使得网页设计更加灵活且易于维护。
一、将CSS加入网页的方式
1. 链接外部样式表：通过`<link>`标签将CSS文件链接到HTML文档的`<head>`部分，优点是样式和内容分离，便于管理和维护。
```html
<head>
<title>文档标题</title>
<link rel="stylesheet" href="http://www.dhtmlet.com/dhtmlet.css" type="text/css">
</head>
```
2. 定义内部样式块：在`<head>`标签内的`<style>`标签中编写CSS，适用于同一页内多个元素的样式定义。
```html
<head>
<title>文档标题</title>
<style type="text/css">
body {font: 10px "Arial"}
h1 {font: 15px/17px "Arial"; font-weight: bold; color: maroon}
/* 更多样式 */
</style>
</head>
```
3. 内联样式：直接在HTML元素中使用`style`属性定义样式，简单快捷但不推荐，因为会导致样式代码与内容混合，不易管理。
```html
<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁</p>
```
二、CSS语法
CSS语法由元素选择器、属性和值组成，基本格式为：
```css
元素 { 属性: 值 }
```
例如：
```css
p { color: red; font-size: 16px; }
```
三、CSS书写方法
1. 直接使用标签选择器：如`div{font-size:12px;}`。
2. 使用ID选择器：`#id{font-size:12px;}`，ID是唯一的，只能对应HTML中的一个元素。
3. 使用类选择器：`.class{font-size:12px;}`，类可以应用于多个元素。
4. 组合选择器：`div #text`或`#text p`，可以精确地选择和定义元素。
四、常用CSS属性
1. 字体属性：
- `font`：复合属性，包括`font-size`, `font-family`, `font-weight`, `text-decoration`, `line-height`等。
- `font-size`：设定字体大小。
- `font-family`：设定字体类型。
- `font-weight`：设定字体粗细。
- `text-decoration`：设定文本装饰，如下划线、删除线等。
- `line-height`：设定行高。
2. 文本属性：
- `text-indent`：文本首行缩进。
- `vertical-align`：垂直对齐方式。
- `text-align`：文本水平对齐方式。
- `word-break`：控制单词断行。
3. 背景属性：
- `background`：复合属性，包括`background-color`, `background-image`, `background-position`, `background-repeat`等。
- `background-color`：设定背景颜色。
- `background-image`：设定背景图像。
- `background-position`：设定背景图像的位置。
- `background-repeat`：设定背景图像是否平铺。
4. 定位属性：
- `position`：设定元素的定位模式，如`static`, `relative`, `absolute`, `fixed`。
- `z-index`：决定元素的堆叠顺序。
- `top`, `right`, `bottom`：配合`position`调整元素的位置。
这些只是CSS的一部分基础知识，实际上，CSS还包括盒模型、边距、边框、过渡、动画、响应式设计等多个复杂的概念和技巧。熟练掌握CSS，可以创建出美观且功能丰富的网页界面。
