CSS教程8 CSS的Class以及ID選擇器

2021-08-30 18:39:37 字數 535 閱讀 7672

前面的學習我們僅僅使用html選擇器(在html頁面裡為html標籤,如 p)

現在我們學習使用clss和id定義屬於自己的選擇器。

這樣,同樣的html元素可以通過class或id使用不同的表現。

在css裡,使用點號(.)建立class選擇器,使用hash符號(#)建立id選擇器。

例子:example source code [www.52css.com]

#top

.intro

html頁面通過id和class屬性呼叫css,像下面這樣:

example source code [www.52css.com]

this is my recipe for ****** curry purely with chocolate

mmm mm mmmmm

id和class的不同指出在於乙個頁面同乙個id只能只有一次,而class可以無限制使用。

同樣,你可以在html選擇器後面使用乙個選擇器來指定特殊html元素,比如p.jam將作用到帶有'jam'class屬性的段落。

CSS基礎學習8 CSS設定盒裝模式

八 css設定盒裝模型 css中的盒裝模型 box model 用於描述乙個為html元素形成的矩形盒子。涉及為各個元素調成外邊距 margin 內邊距 padding 邊框 border 和內容的具體操作。1.外邊距和內邊距 margin padding value top bottom left...

8 CSS背景使用例項演練

下面介紹和背景相關的css屬性,背景是所有的標籤都具有的css屬性。背景有以下幾種常用屬性 背景附著方式 background attachment 附著方式 背景位置 background position x y 背景屬性整合 background color image repeat atta...

(8)CSS鏈結與鏈結偽類

除非明確指定鏈結樣式,否則大部分瀏覽器使用藍色字型與下劃線顯示鏈結。這裡我們學習一下用css控制鏈結的樣式。常用於鏈結的屬性如下 2.background color 突出顯示鏈結,加背景 3.text decoration 給鏈結新增下劃線 也用於文字的上劃線,刪除線或閃爍 1.link 用於正常...