萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> divcss類選擇符怎麼使用呢

divcss類選擇符怎麼使用呢

歡迎大家在這裡學習divcss類選擇符怎麼使用這裡是我們給大家整理出來的精彩內容。我相信,這些問題也肯定是很多朋友在關心的,所以我就給大家談談這個!用類選擇符你能夠把相同的元素分類定義不同的樣式,定義類選擇符時,在自定類的名稱前面加一個點號。假如你想要兩個不同的段落,一個段落向右對齊,一個段落居中,你可以先定義兩個類:

p.right {text-align: right}

p.center {text-align: center}

然後用不在不同的段落裡,只要在HTML標記裡加入你定義的class參數:

 

這個段落向右對齊的

 

 

 

這個段落是居中排列的

 

注意:類的名稱可以是任意英文單詞或以英文開頭與數字的組合,一般以其功能和效果簡要命名。

類選擇符還有一種用法,在選擇符中省略HTML標記名,這樣可以把幾個不同的元素定義成相同的樣式:

.center {text-align: center}

(定義.center的類選擇符為文字居中排列)

這樣的類可以被應用到任何元素上。下面我們使h1元素(標題1)和p元素(段落)都歸為“center”類,這使兩個元素的樣式都跟隨“.center”這個類選擇符

 

 

這個段落也是居中排列的

 

好了,divcss類選擇符怎麼使用內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦:

divcss選擇符組的方法介紹 

copyright © 萬盛學電腦網 all rights reserved