一、CSS簡介
CSS是什么净神？CSS溉委，即“Cascading Style Sheet（層疊樣式表）”，是用來控制網頁的外觀的一門技術俯渤。
HTML是網頁的結構型宝，CSS是網頁的外觀絮爷，而JavaScript是頁面的行為坑夯。
在網頁初期抡四，是沒有CSS這回事的。那個時候的網頁僅僅是用HTML標簽來制作淑履，這樣可想而知是怎樣的了藻雪？或者你可以這樣理解，CSS的出現就是為了改造HTML標簽在瀏覽器展示的外觀指煎，使其變得更加好看便斥。如果沒有CSS的出現，就不可能有現在“色彩繽紛”的頁面像街。CSS的出現可以說就是為了改變表現單調晋渺、色彩慘淡的網頁
二、CSS和CSS3
CSS3是CSS的升級版本。CSS是從CSS1.0户魏、CSS2.0挪挤、CSS2.1和CSS3.0這幾個版本一直升級而來，其中CSS2.1是CSS2.0的修訂版鸠信，CSS3.0是CSS的最新版本论寨。
CSS3.0相對于CSS2.0來說爽茴，新增了很多屬性和方法室奏，最典型的就是你可以直接為文字設置陰影和為標簽設置圓角劲装。在CSS2.0中，為標簽設置圓角是一件很頭疼的事情绒怨。
三谦疾、在HTML中引入CSS共有3種方式：
（1）外部樣式表；
（2）內部樣式表碎紊；
（3）內聯樣式表樊诺；
1、CSS的3種引用方式
(1)外部樣式表
外部樣式表是最理想的CSS引用方式秃嗜，在實際開發(fā)當中顿膨，為了提升網站的性能和維護性，一般都是使用外部樣式表必搞。所謂的“外部樣式表”囊咏，就是把CSS代碼和HTML代碼都單獨放在不同文件中，然后在HTML文檔中使用link標簽來引用CSS樣式表霜第。
當樣式需要被應用到多個頁面時户辞，外部樣式表是最理想的選擇底燎。使用樣式表弹砚，你就可以通過更改一個CSS文件來改變整個網站的外觀喇澡。
外部樣式表在單獨文件中定義，并且在<head></head>標簽對中使用link標簽來引用读存。
舉例：
<pre><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div></div>
</body>
<html>
</pre>
(2)內部樣式表
內部樣式呕屎，指的就是把CSS代碼和HTML代碼放在同一個文件中秀睛，其中CSS代碼放在<style></style>標簽對內，并且<style></style>標簽對是放在<head></head>標簽對內的椭迎。
舉例:
<pre><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#div{color:Green;}
</style>
</head>
<body>
<div></div>
</body>
</html></pre>
(3)內聯樣式表
內聯樣式表田盈，也是把CSS代碼和HTML代碼放在同一個文件中，但是跟內部樣式表不同简软，CSS樣式不是在<style></style>標簽對中定義述暂，而是在標簽的style屬性中定義。
舉例：
<pre><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<p style="color:Green; ">內聯樣式表</p>
<p style="color:Green; ">內聯樣式表</p>
<p style="color:Green; ">內聯樣式表</p>
</body>
</html>
</pre>
內聯樣式表和內部樣式表中的例子疼蛾，其實這兩段代碼實現的是同一個效果据过。三個p元素都定義了color屬性妒挎，那么如果采用以下內部樣式表西饵，樣式只需要寫一遍；如果采用內聯樣式表眷柔，則三個p元素都要單獨寫一遍原朝。對于網站來說喳坠，冗余代碼很多茂蚓，而且由于冗余代碼多，每次改動CSS樣式都要到具體的標簽內修改晾浴，這樣使得網站的維護性也非常差牍白。
(4)CSS引用方式用途
在實際開發(fā)中，我們一般使用外部樣式表狸涌，而在在線代碼測試工具和CSS入門的過程中最岗，我們使用的是內部樣式表仑性，因為代碼量不是很多，HTML代碼和CSS代碼放在同一個文件诊杆，這樣也方便我們修改和測試晨汹。不管是在測試或者實際開發(fā)中，我們都不建議使用內聯樣式表淘这。不過呢铝穷，我們可以使用內聯樣式表進行細節(jié)的微調。
