CSS是Cascading Style Sheets（级联样式表）的缩写。 CSS是一种样式表语言，用于描述网页呈现的语言，包括颜色、布局和字体。它允许用户根据不同类型的设备（如大屏幕、小屏幕或打印机）调整演示文稿。CSS独立于HTML，可以与任何基于XML的标记语言一起使用。

HTML与CSS的分离使得维护站点、跨页面共享样式表以及根据不同环境定制页面变得更加容易。这被称为结构（或内容）与表现的分离。

CSS的优点

通过单个样式表控制多个文档的布局；
更精确的布局控制；
为不同的媒体类型（屏幕、打印等）采取不同的布局；
无数高级、先进的技巧。

语法

样式规则书写格式

在css中样式规则的格式通常如下：

selector {
	property:value;
}

selector：指的是选择器，表示{}中的规则应用于哪些HTML元素 property：指的是属性，描述元素某一维度的名称由CSS规范指定 value：对应属性的有效值，由CSS规范指定

CSS的位置

inline：使用HTML属性样式。即style属性

<html>
	  <head>
	<title>例子</title>
	  </head>
	  <body>
	  	<div style="background-color:red;"></div>
	  </body>
	</html>

interal：使用HTML标记＜style＞包含CSS代码

<html>
	  <head>
	<title>例子</title>
		<style type="text/css">
		  div {background-color: #FF0000;}
		</style>
	  </head>
	  <body>
		<div>这个页面是红色的</div>
	  </body>
	</html>

external：使用link标签创建css文件与html的链接。

<html>
	<head>
		<title>例子</title>
		<link rel="stylesheet" type="text/css" href="style/style.css" />
	  </head>
	  <body>
		<div>这个页面是红色的</div>
	  </body>
	</html>

外部样式表就是一个扩展名为css的文本文件。跟其他文件一样，你可以把样式表文件放在Web服务器上或者本地硬盘上。这个链接告诉浏览器：在显示该HTML文件时，应使用给出的CSS文件进行布局。相比于其他两种方式更推荐第三种方式。这种方式的优越之处在于：多个HTML文档可以同时引用一个样式表。换句话说，可以用一个CSS文件来控制多个HTML文档的布局。

CSS：CSS简介

CSS的优点

语法

样式规则书写格式

CSS的位置