《CSS在線手冊》為官方CSS在線參考手冊,本CSS在線開發(fā)手冊包含了各種css屬性、定義、使用方法,實例運行等,是WEB編程學習及開發(fā)者不可或缺的在線查詢手冊!CSS:層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML(標準通用標記語言的一個應用)。
CSS即層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。
CSS不僅可以靜態(tài)地修飾網頁,還可以配合各種腳本語言動態(tài)地對網頁各元素進行格式化。
CSS能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力。
提示:在繼續(xù)學習CSS之前,你需要對HTML以及XHTML知識有基本的了解。
CSS語言基礎
屬性
屬性的名字是一個合法的標識符,它們是CSS語法中的關鍵字。一種屬性規(guī)定了格式修飾的一個方面。
例如:color是文本的顏色屬性,而text-indent則規(guī)定了段落的縮進。
屬性值
整數(shù)和實數(shù)
長度量
百分數(shù)量
選擇器
CSS選擇器用于選擇你想要的元素的樣式的模式。HTML頁面中的元素就是通過CSS選擇器進行控制的。
每一條css樣式定義由兩部分組成,形式如下:?
[code] 選擇器{樣式} [/code] 在{}之前的部分就是“選擇器”。 “選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素。
下面就給大家介紹樣式表定義是如何顯示 HTML 元素的。
創(chuàng)建并運行第一個CSS實例!
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(php.cn)</title> <style> body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; } </style> </head> <body> <h1>CSS 實例!</h1> <p>這是一個段落。</p> </body> </html>
是不是非常簡單!CSS為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現(xiàn)修改一個小的樣式更新與之相關的所有頁面元素。
提示:我們的CSS教程將幫助您逐步如何使用 CSS 同時控制多重網頁的樣式和布局。如果你有任何疑問,請前往PHP中文網CSS社區(qū)提出你的問題,會有熱心網友為你解答。
CSS語言的特點
豐富的樣式定義:CSS提供了豐富的文檔樣式外觀,以及設置文本和背景屬性的能力;允許為任何元素創(chuàng)建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
易于使用和修改:CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用??傊?,CSS樣式表可以將所有的樣式聲明統(tǒng)一存放,進行統(tǒng)一管理。
另外,可以將相同樣式的元素進行歸類,使用同一個樣式進行定義,也可以將某個樣式應用到所有同名的HTML標簽中,也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應的樣式聲明進行修改。
多頁面應用:CSS樣式表可以單獨存放在一個CSS文件中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件,在任何頁面文件中都可以將其引用。這樣就可以實現(xiàn)多個頁面風格的統(tǒng)一。
層疊:簡單的說,層疊就是對一個元素多次設置同一個樣式,這將使用最后一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些后來定義的樣式將對前面的樣式設置進行重寫,在瀏覽器中看到的將是最后面設置的樣式效果。
頁面壓縮:在使用HTML定義頁面效果的網站中,往往需要大量或重復的表格和font元素形成各種規(guī)格的文字樣式,這樣做的后果就是會產生大量的HTML標簽,從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中,可以大大的減小頁面的體積,這樣在加載頁面時使用的時間也會大大的減少。另外,CSS樣式表的復用更大程度的縮減了頁面的體積,減少下載的時間。
本CSS教程手冊涵蓋的內容
本CSS教程手冊涵蓋了所有CSS基礎知識,包含CSS定義、CSS語法、CSS屬性、CSS使用方法、CSS響應式的介紹以及很多在線實例和完整的CSS屬性參考手冊等等。
提示:本教程的每一章都包含了很多CSS實例,您可以直接點擊?"運行實例"?按鈕在線查看運行結果。這些例子將幫助您更好地理解和使用CSS語言。
其它CSS相關學習參考資源
除了本頁面右側的知識拓展,還為大家精選了以下資源
最新章節(jié)
相關課程
- Web前端開發(fā)極速入門 2021-12-10
- 最懂你的大前端課:HTML5/CSS3/ES6/NPM/Vue/...【原創(chuàng)】 2022-09-30
- Gulp入門視頻教程 2022-04-18
- 兄弟連高洛峰CSS3視頻教程 2022-04-20
- AngularJS開發(fā)Web應用程序基礎實例視頻教程 2022-04-18
- Ajax全接觸 2022-04-13
- MUI框架基礎視頻教程 2022-04-13
- 線上培訓班試聽課 2019-01-10