什么是CSS
層疊樣式表是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。以下是小編為大家整理的什么是CSS，供大家參考。
CSS是Cascading style Sheets的簡(jiǎn)稱，中文譯作“層疊樣式表單”.
在網(wǎng)頁制作時(shí)采用CSS技術(shù)，可以有效地對(duì)頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。
只要對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。
它的作用可以達(dá)到：
(1)在幾乎所有的瀏覽器上都可以使用。
(2)以前一些非得通過圖片轉(zhuǎn)換實(shí)現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實(shí)現(xiàn)，從而更快地下載頁面。
(3)使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。
(4)你可以輕松地控制頁面的布局 。
(5)你可以將許多網(wǎng)頁的風(fēng)格格式同時(shí)更新，不用再一頁一頁地更新了。你可以將站點(diǎn)上所有的網(wǎng)頁風(fēng)格都使用一個(gè)CSS文件進(jìn)行控制，只要修改這個(gè)CSS文件中相應(yīng)的行，那么整個(gè)站點(diǎn)的所有頁面都會(huì)隨之發(fā)生變動(dòng)。
不依賴圖片的視覺效果：CSS3包含了大量新特性，可以用來創(chuàng)建一些以前只能通過圖片(或腳本)才實(shí)現(xiàn)的視覺效果，比如圓角、陰影、半透明背景、漸變以及圖片邊框等。在這些新特性之中，多數(shù)是屬于"背景和邊框"(Backgrounds and Borders)模塊的，其余的則屬于"色彩和圖像"(Colors and Image Values)模塊。
盒容器變形：CSS3中還有一類視覺效果，讓我們可以在2D或者3D空間里操作盒容器的位置和形狀，比如旋轉(zhuǎn)、縮放或者移動(dòng)。這些特效稱為變形，在"2D變形"(2D Transforms)和"3D變形"(3D Transforms)模塊中都有涉及。
獨(dú)一無二的字體："字體"(Font)模塊引入了@font-face規(guī)則，讓你能夠引入一個(gè)存放于服務(wù)器的字體文件，并使用該字體來顯示頁面中的文本，這就突破了以往只能使用用戶機(jī)器上的字體的限制，也使得頁面能呈現(xiàn)出更漂亮的頁面。
強(qiáng)大的選擇器：CSS3新增了十多個(gè)選擇器，大部分是偽類和屬性選擇器。你可用它們選取HTML結(jié)構(gòu)中的特定片段而無需增加特定的ID或類，從而精簡(jiǎn)代碼并使之更加不易出錯(cuò)。這些選擇器都描述在"選擇器"(Selectors)模塊里。
過渡與動(dòng)畫：CSS3的過渡(transition)在其同名的模塊里描述。它是一種簡(jiǎn)單的動(dòng)畫特效，可以平緩地呈現(xiàn)一個(gè)元素的樣式變化。例如，當(dāng)用戶將鼠標(biāo)懸停于按鈕之上時(shí)漸進(jìn)且平滑地改變其顏色。更復(fù)雜的CSS3"動(dòng)畫"(animation)特性也在其同名的模塊里有相應(yīng)描述，它能夠?qū)崿F(xiàn)更復(fù)雜的樣式變化和元素位移，而不需要用到Flash或JavaScript。我們會(huì)在第5章討論過渡與動(dòng)畫。
媒體信息查詢："媒體信息查詢"(Media Queries)模塊介紹了如何根據(jù)用戶的顯示終端或設(shè)備特征來提供樣式，這些特征包括屏幕的可視區(qū)域?qū)挾�、分辨率以及可顯示的色彩數(shù)等。媒體信息查詢是一款非常棒的專門針對(duì)移動(dòng)設(shè)備來實(shí)現(xiàn)優(yōu)化的工具。
多列布局：CSS3引入了幾個(gè)新模塊來幫助我們更方便地創(chuàng)建多列布局。"多列布局"(Multi-column Layout)模塊描述了如何像報(bào)紙布局那樣把一個(gè)簡(jiǎn)單的區(qū)塊拆分成多列，而"彈性盒容器布局"(Flexible Box Layout)模塊則能夠讓區(qū)塊在水平或垂直方向上保持對(duì)齊，相對(duì)于浮動(dòng)布局或絕對(duì)定位布局來說它顯得更為靈活。此外還有"模板布局"(Template Layout)和"網(wǎng)格定位"(Grid Positioning)的實(shí)驗(yàn)性布局模塊。
發(fā)展歷程
1990年，Tim Berners-Lee和Robert Cailliau共同發(fā)明了Web。1994年，Web真正走出實(shí)驗(yàn)室。
從HTML被發(fā)明開始，樣式就以各種形式存在。不同的瀏覽器結(jié)合它們各自的樣式語言為用戶提供頁面效果的控制。最初的HTML只包含很少的顯示屬性。
隨著HTML的成長(zhǎng)，為了滿足頁面設(shè)計(jì)者的要求，HTML添加了很多顯示功能。但是隨著這些功能的增加，HTML變的越來越雜亂，而且HTML頁面也越來越臃腫。于是CSS便誕生了。
1994年哈坤·利提出了CSS的最初建議。而當(dāng)時(shí)伯特·波斯正在設(shè)計(jì)一個(gè)名為Argo的瀏覽器，于是他們決定一起設(shè)計(jì)CSS。
其實(shí)當(dāng)時(shí)在互聯(lián)網(wǎng)界已經(jīng)有過一些統(tǒng)一樣式表語言的建議了，但CSS是第一個(gè)含有“層疊”豐意的樣式表語言。在CSS中，一個(gè)文件的樣式可以從其他的樣式表中繼承。讀者在有些地方可以使用他自己更喜歡的樣式，在其他地方則繼承或“層疊”作者的樣式。這種層疊的方式使作者和讀者都可以靈活地加入自己的設(shè)計(jì)，混合每個(gè)人的愛好。
哈坤于1994年在芝加哥的一次會(huì)議上第一次提出了CSS的建議，1995年的www網(wǎng)絡(luò)會(huì)議上CSS又一次被提出，博斯演示了Argo瀏覽器支持CSS的例子，哈肯也展示了支持CSS的Arena瀏覽器。
同年，W3C組織成立，CSS的創(chuàng)作成員全部成為了W3C的工作小組并且全力以赴負(fù)責(zé)研發(fā)CSS標(biāo)準(zhǔn)，層疊樣式表的'開發(fā)終于走上正軌。有越來越多的成員參與其中，例如微軟公司的托馬斯·萊爾頓(Thomas Reaxdon)，他的努力最終令I(lǐng)nternet Explorer瀏覽器支持CSS標(biāo)準(zhǔn)。哈坤、波斯和其他一些人是這個(gè)項(xiàng)目的主要技術(shù)負(fù)責(zé)人。1996年底，CSS初稿已經(jīng)完成，同年12月，層疊樣式表的第一份正式標(biāo)準(zhǔn)完成，成為w3c的推薦標(biāo)準(zhǔn)。
1997年初，W3C組織負(fù)責(zé)CSS的工作組開始討論第一版中沒有涉及到的問題。其討論結(jié)果組成了1998年5月出版的CSS規(guī)范第二版。
編程開發(fā)
編程工具
記事本：使用Windows系統(tǒng)自帶的記事本可以編輯網(wǎng)頁。只需要在保存文檔時(shí)，以.html為后綴名進(jìn)行保存即可。
Dreamweaver：它與Flash、Fireworks并稱網(wǎng)頁三劍客。Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別開發(fā)的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出充滿動(dòng)感的網(wǎng)頁。
語言特點(diǎn)
CSS為HTML標(biāo)記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁面元素。
總體來說，CSS具有以下特點(diǎn)：
豐富的樣式定義
CSS提供了豐富的文檔樣式外觀，以及設(shè)置文本和背景屬性的能力；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
易于使用和修改
CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)專門的CSS文件中，以供HTML頁面引用�？傊珻SS樣式表可以將所有的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。
另外，可以將相同樣式的元素進(jìn)行歸類，使用同一個(gè)樣式進(jìn)行定義，也可以將某個(gè)樣式應(yīng)用到所有同名的HTML標(biāo)簽中，也可以將一個(gè)CSS樣式指定到某個(gè)頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應(yīng)的樣式聲明進(jìn)行修改。
多頁面應(yīng)用
CSS樣式表可以單獨(dú)存放在一個(gè)CSS文件中，這樣我們就可以在多個(gè)頁面中使用同一個(gè)CSS樣式表。CSS樣式表理論上不屬于任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個(gè)頁面風(fēng)格的統(tǒng)一。
層疊
簡(jiǎn)單的說，層疊就是對(duì)一個(gè)元素多次設(shè)置同一個(gè)樣式，這將使用最后一次設(shè)置的屬性值。例如對(duì)一個(gè)站點(diǎn)中的多個(gè)頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對(duì)這些樣式單獨(dú)定義一個(gè)樣式表應(yīng)用到頁面中。這些后來定義的樣式將對(duì)前面的樣式設(shè)置進(jìn)行重寫，在瀏覽器中看到的將是最后面設(shè)置的樣式效果。
頁面壓縮
在使用HTML定義頁面效果的網(wǎng)站中，往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式，這樣做的后果就是會(huì)產(chǎn)生大量的HTML標(biāo)簽，從而使頁面文件的大小增加。而將樣式的聲明單獨(dú)放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時(shí)使用的時(shí)間也會(huì)大大的減少。另外，CSS樣式表的復(fù)用更大程度的縮減了頁面的體積，減少下載的時(shí)間。
工作原理
CSS是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，被用于描述網(wǎng)頁上的信息格式化和顯示的方式。CSS樣式可以直接存儲(chǔ)于HTML網(wǎng)頁或者單獨(dú)的樣式單文件。無論哪一種方式，樣式單包含將樣式應(yīng)用到指定類型的元素的規(guī)則。外部使用時(shí)，樣式單規(guī)則被放置在一個(gè)帶有文件擴(kuò)展名_css的外部樣式單文檔中。
樣式規(guī)則是可應(yīng)用于網(wǎng)頁中元素，如文本段落或鏈接的格式化指令。樣式規(guī)則由一個(gè)或多個(gè)樣式屬性及其值組成。內(nèi)部樣式單直接放在網(wǎng)頁中，外部樣式單保存在獨(dú)立的文檔中，網(wǎng)頁通過一個(gè)特殊標(biāo)簽鏈接外部樣式單。
名稱CSS中的“層疊（cascading）”表示樣式單規(guī)則應(yīng)用于HTML文檔元素的方式。具體地說，CSS樣式單中的樣式形成一個(gè)層次結(jié)構(gòu)，更具體的樣式覆蓋通用樣式。樣式規(guī)則的優(yōu)先級(jí)由CSS根據(jù)這個(gè)層次結(jié)構(gòu)決定，從而實(shí)現(xiàn)級(jí)聯(lián)效果。
【什么是CSS】相關(guān)文章：
CSS編程的外部CSS文件引用方法是什么10-07
p+css的15個(gè)css重則11-11
CSS清除浮動(dòng)11-11
css背景圖片拉伸填充的屬性是什么11-09
Dreamweaver編寫CSS的教程08-06
網(wǎng)頁設(shè)計(jì)css教學(xué)11-15
CSS簡(jiǎn)寫方法總結(jié)11-11