CSS是Cascading Style Sheets（層疊樣式表單）的簡稱。更多的人把它稱作樣式表。顧名思義，它是一種設(shè)計網(wǎng)頁樣式的工具。借助CSS的強大功能，網(wǎng)頁將在您豐富的想象力下千變?nèi)f化。
上面的代碼中以紅色顯示的是注釋部分，用于幫助您更好的理解代碼的含義。上面的這一段代碼產(chǎn)生的是如圖2的效果。而其中字體的模糊效果就是運用了CSS的濾鏡功能。濾鏡功能是CSS非常有趣也非常吸引人的一個功能，我們將在后面的章節(jié)中介紹。
實際上CSS的代碼都是由一些最基本的語句構(gòu)成的。它的基本語句的結(jié)構(gòu)是這樣的：
選擇符{屬性：屬性值}
看，是不是很簡單，只有三部分。
我們結(jié)合上面的代碼來講解，比如上面代碼的<head>…</head>中，使用<style>來指定樣式。
一般說來，<style>下面的CSS語句是以注釋語句的形式書寫的，也就是上面代碼中的<!-- … -->符號包含的部分。所以，上面的例子中定義頁面樣式的語句是：
div{width：200;filter：blur(add=true,direction=35,strengh=20);}
在上面的語句中，DIV是選擇符，選擇符可以是HTML中任何的標識符，比如P、DIV、IMG甚至BODY都可以作為選擇符。
這里用DIV做選擇符，就是說在HTML中，編輯在<DIV>中的頁面格式將以上面語句中大括號內(nèi)定義的格式顯示。
括號內(nèi)的WIDTH和FILTER就是屬性。
WIDTH定義了DIV區(qū)域內(nèi)的頁面的寬度，200是屬性值。
FILTER定義了濾鏡屬性，BLUR是它的屬性值，該屬性值產(chǎn)生的是一種模糊效果，其小括號內(nèi)定義的是BLUR屬性值的一些參數(shù)。
ADD參數(shù)有兩個值：True和False。分別指定圖片是否被設(shè)置成模糊效果。
Direction參數(shù)是用來設(shè)置模糊的方向。0度代表垂直向上，然后每45度一個單位，例子中的135代表底部向右135度，每一個度數(shù)單位都代表一個模糊方向，如果您感興趣的話，可以參照后面的講解中詳細的參數(shù)設(shè)定。
Strengh代表有多少像素的寬度將受到模糊影響，參數(shù)值是用整數(shù)來設(shè)置的。
我們看到除了在<HEAD>中有CSS 的定義，在<BODY>中也有一段CSS定義：
<p style=“font-size：48;font-style：bold;color：red;”>hongen</p>
這里Style是內(nèi)嵌到<P>中來定義該段落內(nèi)的格式的。我們發(fā)現(xiàn)在<BODY>中的CSS語句與定義在<HEAD>中還有些不同，它是用< STYLE = >直接定義的。這種定義方法非常適用于編寫的代碼比較多的情況。
而上面的代碼的CSS定義格式則非常適用于代碼較少、結(jié)構(gòu)較簡單的情況。
按照CSS語句的基本格式，我們可以看出上面定義P段落內(nèi)的CSS代碼中font-size、font-style和color是屬性，分別定義<P>中“hongen”字體的大小(size)、樣式(style)和顏色(color)；
而48、bold、red是屬性值。意思是“hongen”將以48pt、粗體、紅色的樣式顯示。由于整個段落是定義在<DIV>中的，所以hongen又將顯示出<head>中定義的濾鏡屬性來。最終的結(jié)果就如同圖2一樣。
圖1中的效果也是用很簡單的CSS語句實現(xiàn)的，只是運用了CSS中的濾鏡屬性而已。
通過上面的講解，我們可以看到用很簡單的CSS語句就可以實現(xiàn)許多需要專業(yè)軟件才可以達到的效果。利用屬性可以設(shè)置字體、顏色、背景等頁面格式；利用定位可以使頁面布局更加規(guī)范、好看；利用濾鏡可以使頁面產(chǎn)生多媒體效果。 怎么樣，CSS的功能是不是很強大，在下面的教程中我將對它進行詳細的講解。
