css常用屬性初總結第一彈 id和class選擇器

2022-08-02 18:39:12 字數 1028 閱讀 7352

說到選擇器大家都不陌生,估計用的最多的還是id選擇器和類選擇器,至於其他的選擇器,今天在這裡我避而不談。

類選擇器:將html元素取乙個響亮的名字,用class來標記,就可以使用類選擇器了,如這是段落1

,這裡我將p元素class設定

為"p1",然後再寫css樣式就可以直接使用了,

舉個栗子:

<

style

type

="text/css"

>

p.p1

style

>

head

>

<

body

>

<

p class

="p1"

>

this paragraph will also be center-aligned.  p

>

body

>

html

>

執行上一段**,就將類名為p1的p元素的文字顏色設定為紅色了,是不是很簡單,說明一下,非p元素的類名為p1時沒有效果哦,要想所有

的class類名為p1的元素有效果,則需要把前面的結構元素名去掉。現在的專案都是敏捷開發,所以用類名就得小心了,剛開始大家經常抱怨的

就是類名衝突,結果就是樣式相互衝突了,所以我們專案上定下了約定,以頁面功能來命名類名,從而避免類名衝突。

另外要提一下的就是多類名:如上面的

<

p class

="p1 center"

>

this paragraph will also be center-aligned.

p>

乙個class值中是可以有乙個此列表了,各個詞之間用空格來分開。然後寫樣式就乙個個寫就ok了,這裡估計會有人會問:如果多個類之間有

相同的css樣式會出現什麼情況!這裡就要閱讀後面的有關css層疊的問題了!今天的文章就到這裡了,第一次寫的可能語無倫次,可能是想到

什麼就寫什麼,期待以後慢慢提高吧!

菜鳥部落格第一彈

隨著乙個多月的大學生活結束,今天終於開始了畢業的第一天工作。請了40多天的假,本來以為工作會悲劇的。但到公司同事和領導的關心使我擔心的小心感到了溫暖。早就想實現這個計畫,想在正式工作的時候寫部落格,也就是想記錄下每天的工作和每天的心情。寫博主要是記下這剛開始艱苦的歲月,不求對別人幫助,本人是菜鳥,歡...

oracle學習第一彈

每當我們建立資料庫例項的時候,就會自動的建立三個使用者 sys使用者 超級管理員,許可權最大 system使用者 系統管理員 scott使用者 普通使用者 有三種方式登入oracle資料庫 1.命令列sqlplus 2.sql developer 3.企業管理器,通過web訪問 sql plus是o...

日常翻譯 第一彈

第一題鏈結 題意 夏洛克和華生正在玩乙個遊戲 nim 這個遊戲有n堆石子被標註成piles1,piles2,pilesn n是石子最大堆數 夏洛克總是第乙個,華生跟他交替進行操作 在每一次操作中都有且只有兩種可能的情況 1.選擇一堆並且從中拿走k個石子,k 0 2.從每一堆石子中都拿走k個石子,k ...