CSS按其位置可以分成三種：
專注于為中小企業(yè)提供成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)稷山免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了千余家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
內(nèi)嵌樣式(Inline Style)
內(nèi)部樣式表(Internal Style Sheet)
外部樣式表(External Style Sheet)
內(nèi)嵌樣式(Inline Style)
Inline Style是寫在Tag里面的。內(nèi)嵌樣式只對所在的Tag有效。
P style="font-size:20pt; color:red"這個Style定義p/p里面的文字是20pt字體，字體顏色是紅色。/p
內(nèi)部樣式表(Internal Style Sheet)
內(nèi)部樣式表是寫在HTML的head/head里面的。內(nèi)部樣式表只對所在的網(wǎng)頁有效。
HTML
HEAD
STYLE type="text/css"
H1.mylayout {border-width:1; border:solid; text-align:center; color:red}
/STYLE
/HEAD
BODY
H1 class="mylayout" 這個標題使用了Style。/H1
H1這個標題沒有使用Style。/H1
/BODY
/HTML
內(nèi)部樣式表(Internal Sytle Sheet)要用到Style這個Tag，寫法如下：
STYLE type="text/css"
......
/STYLE
外部樣式表(External Style Sheet)
如果很多網(wǎng)頁需要用到同樣的樣式(Styles)，用什么方法呢？
將樣式(Styles)寫在一個以.css為后綴的CSS文件里，然后在每個需要用到這些樣式(Styles)的網(wǎng)頁里引用這個CSS文件。
比如可以用文本編輯器(NotePad)建立一個叫home的文件，文件后綴不要用.txt，改成.css。文件內(nèi)容如下：
H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}
然后你建立一個網(wǎng)頁，代碼如下：
HTML
HEAD
link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css"
/HEAD
BODY
H1 class="mylayout" 這個標題使用了Style。/H1
H1這個標題沒有使用Style。/H1
/BODY
/HTML
使用外部(Extenal)樣式表，相對于內(nèi)嵌(Inline)和內(nèi)部式(Internal)的，有以下優(yōu)點：
樣式代碼可以復用。一個外部CSS文件，可以被很多網(wǎng)頁共用。
便于修改。如果要修改樣式，只需要修改CSS文件，而不需要修改每個網(wǎng)頁。
提高網(wǎng)頁顯示的速度。如果樣式寫在網(wǎng)頁里，會降低網(wǎng)頁顯示的速度，如果網(wǎng)頁引用一個CSS文件，這個CSS文件多半已經(jīng)在緩存區(qū)(其它網(wǎng)頁早已經(jīng)引用過它)，網(wǎng)頁顯示的速度就比較快。
參考資料：
使用css樣式表的好處有：
1、使用較少的代碼，來實現(xiàn)更多的功能；
2、使用屬性繼承方法，可以輕松地維護相同標記的不同樣式；
3、代碼比率更高的內(nèi)容；
4、頁面加載變得很快；
5、定義風格的靈活性。
知識補充：
CSS全稱Cascading Style Sheet，表示層疊樣式表。CSS用于改進HTML標記內(nèi)容的呈現(xiàn)。使用CSS我們可以基于媒體定義不同的內(nèi)容顯示方式。
CSS的優(yōu)點：
一、CSS的代碼更少
在公共樣式類中可以定義具有值的屬性，并且能在不同位置使用相同的類，因此可以使用較少的代碼，來實現(xiàn)更多的功能。更少的代碼意味著更少的帶寬消耗并且易于維護內(nèi)容。
二、易于維護
當在全局或共同的地方定義樣式時，任何變化都變得容易操作。例如，在網(wǎng)站中，使用特定的樣式屬性顯示產(chǎn)品的所有名稱?，F(xiàn)在，可以通過在外部樣式表中更改產(chǎn)品名稱的樣式類，可以在整個站點中更改樣式?？梢员Ａ舳鄠€樣式表并根據(jù)需要使用它們。使用屬性繼承方法，可以輕松地維護相同標記的不同樣式。
三、代碼（標簽）比率更高的內(nèi)容
可以通過使用CSS在頁面中實現(xiàn)更高的代碼比例內(nèi)容，因為可以將樣式聲明轉(zhuǎn)換為外部文件。這對搜索引擎的觀點很重要。可以向蜘蛛提供較少的標簽（樣式標簽）和更多內(nèi)容以進行索引。
四、下載頁面
當瀏覽器緩存樣式表頁面時，頁面加載變得很快。每次使用相同CSS的同一站點的不同頁面時，都不會從服務(wù)器加載樣式類。
五、定義風格的靈活性
名稱級聯(lián)表示可以使用多種樣式，并且優(yōu)先考慮本地樣式?？梢愿采w聲明的全局樣式，并將樣式本地分配給標記。
通過定義CSS樣式表，能讓網(wǎng)頁具有美觀一致的界面，可以將網(wǎng)頁制作得更加絢麗多彩。一個樣式文件可以作用于多個頁面，具有更好的易用性和擴展性，通過修改樣式文件，能制作出內(nèi)容相同，而外觀不同的多姿多彩的頁面。此外，使用樣式表能有效地分離網(wǎng)頁的內(nèi)容與外觀控制，從而便于美工與程序員之間的分工協(xié)作，發(fā)揮各自的優(yōu)勢。
為什么需要CSS樣式表主要是基于以下幾點原因：
(1) HTML標簽的外觀樣式比較單一。
大家在學習前面幾章時，不知發(fā)現(xiàn)沒有？前面幾章網(wǎng)頁中的文字的字體、顏色、大小、超鏈接、間距等樣式都比較單一，為了彌補這個缺點，就需要使用CSS樣式表來對HTML標簽進行控制，從而實現(xiàn)更加豐富多彩的效果。
(2) 樣式表的作用相當于華麗的衣服。
同樣的內(nèi)容，采用不同的CSS樣式文件，可以看到不同的布局和效果。從美工的角度來看，可以更容易地調(diào)整頁面外觀，調(diào)整頁面里某個部分的文字或者圖片等，從而實現(xiàn)復雜多變的頁面效果，因此樣式表相當于一個頁面甚至一個網(wǎng)站的華麗的衣服。如圖1所示，就是內(nèi)容相同，外觀不同的兩個頁面。
(3) 樣式表能實現(xiàn)內(nèi)容與樣式的分離，方便團隊開發(fā)。
由于當今社會競爭日趨激烈，分工越來越細，每個人做的事越來越單一，我們開發(fā)一個網(wǎng)站也不例外，往往需要美工和程序設(shè)計人員的配合，美工做樣式，程序員寫內(nèi)容，為了迎合這種需要，就出現(xiàn)了樣式表。樣式表能把內(nèi)容結(jié)構(gòu)和格式控制相分離，使網(wǎng)頁可以僅由內(nèi)容構(gòu)成，而將所有的網(wǎng)頁格式通過CSS樣式表文件來控制，從而方便美工和程序員分工協(xié)作、各司其職、各盡其能，為開發(fā)出優(yōu)秀的網(wǎng)站提供了有力的保障。
css(casecating style sheet)
也叫層疊樣式表單,意思是用于網(wǎng)頁中樣式的定義,所以網(wǎng)頁有三個主要的部分,HTML,CSS,JS,主要用于結(jié)構(gòu),樣式與行為,CSS主要的作用就是美化網(wǎng)頁的一個語言,它的特點:
1.結(jié)構(gòu)與樣式分離的方式,便于后期維護與改版;
2.樣式定義精確到像素的級別;
3.可以用多套樣式,使網(wǎng)頁有任意樣式切換的效果(如:的開,關(guān)燈效果)
4.降低服務(wù)器的成本
等,當然還有很多高級的特點,等你真正的了解并使用這個語言之后你自然會理解了.
用于布局網(wǎng)頁，使用方便，容易維護，
用途多的去了，廣義的講就是像樓上說的美化網(wǎng)頁，如：設(shè)置邊框的樣式（表格，文本框，圖片等邊框），還有字體樣式（有顏色，大小，立體，字體樣式）等，講起來是很多，想讓你的網(wǎng)頁做的美就必須要用。
css樣式將對布局、字體、顏色、背景和其它文圖效果實現(xiàn)更加精確的控制。只通過修改一個文件就改變頁數(shù)不計的網(wǎng)頁的外觀和格式。 在所有瀏覽器和平臺之間的兼容性。更少的編碼、更少的頁數(shù)和更快的下載速度。除了還不能全面支持我們常用的大多數(shù)瀏覽器之外，CSS在實現(xiàn)其它承諾方面作得相當出色。CSS在改變我們制作樣式表的方法。它為大部分的網(wǎng)頁創(chuàng)新奠定了基石。
重慶分公司
重慶分公司
