css樣式表指的是層疊樣式表(Cascading Style Sheets),簡稱CSS,是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言,是用來表示html樣式的一種編程語言,是可以做到網(wǎng)頁和內(nèi)容進行分離的一種樣式語言。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3版、Dell G3電腦。
css樣式表一般指的是CSS(層疊樣式表)。
層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML(標準通用標記語言的一個應(yīng)用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言,是用來表示html樣式的一種編程語言,是可以做到網(wǎng)頁和內(nèi)容進行分離的一種樣式語言。
CSS主要用來設(shè)計網(wǎng)頁的樣式,美化網(wǎng)頁;它不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。
CSS 能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。
css的組成
css定義由三部分內(nèi)容組成:選擇符,屬性,屬性值
選擇符{屬性:屬性值;}
1、選擇符:又稱選擇器,所有HTML語言中的標記都是通過不同的css選擇器進行控制的。
2、屬性:主要包括字體屬性、文本屬性、背景屬性、布局屬性、邊界屬性、列表項目屬性、表格屬性等內(nèi)容。其中一些屬性只有部分瀏覽器支持,因此使css屬性的使用變得更加復(fù)雜
3、屬性值:為某屬性的有效值。屬性與屬性值之間用":"分號隔開。當有多個屬性時,使用";"分隔。
舉例:
<style> h2{ font-family:宋體; color:red; } </style>
(學習視頻分享:css視頻教程)
注:h2
為選擇器;font-family
為屬性;“宋體
”為屬性值
css選擇器
常用的有標記選擇器,類別選擇器,id選擇器等。
1)標記選擇器(又叫元素選擇器,類型選擇器)
what:HTML頁面是由很多標記組成的,例如圖像標記<img>、超鏈接標記<a>、表格標記<table>等。而css標記選擇器就是聲明頁面中哪些標記采用css樣式。
舉例:
<style> a{ font-size:9px; color:#F93; } <style>
2)類別選擇器
格式: 點(.
)+類別名稱
使用標記選擇器有局限性。如果聲明標記選擇器,那么頁面中所有該標記內(nèi)容都會發(fā)生變化。假設(shè)頁面中有3個<h2>標記,若想每個<h2>的顯示效果都不一樣,則可以使用類別標記器。
-
類別選擇器的HTML標記,只需使用class屬性來聲明即可。
-
在HTML標簽中,可以應(yīng)用多種類別選擇器,這樣可以使HTML同時加載多個類別選擇器的樣式。在多種類別選擇器之間用空格進行分割,例如:<h2 class="one two">。
3)id選擇器
id選擇器是通過HTML頁面中的id屬性來選擇添加樣式,與類別選擇器基本相同。
格式:"#
"+id 屬性值
命名id選擇器要以"#"號開始,后加HTML標記中的id屬性值。