導航:首頁 > 萬維百科 > 網頁設計id選擇符

網頁設計id選擇符

發布時間:2020-10-28 16:59:27

1、網頁設計中標簽選擇器,類選擇器,ID選擇器,組合選擇器區別在哪裡?

class 是類選擇器
id 是id選擇器
都是在css定義類名的時候用到,原則上都可以用,但是一般用類選擇器,用id可能與後台程序id類重名

2、css中使用id選擇器,#A B #C{ ......} 是什麼意思

#A B #C,
該多級選擇器指代 #A包含B,B包含#C.

按照規范的話,該選擇器 選擇符是很冗餘的,因為聲明ID名稱在整個頁面中唯一,
#A B #C將等於#C的樣式,換句話說#A B #C完全可以寫成#C,然後定義C的樣式.

多級選擇器適用於局部選擇,不合其他非匹配元素沖突.

多級選擇器作用域只作用於最後一個匹配的選擇符,#A B #C這里匹配#C,而前面的#A B只是為了選擇到#C,不會影響#A和B的樣式

分組選擇器會影響各個組的樣式:
#A B #C,#D E{
}
這樣的,#C和E將獲到相同樣式.

3、在網頁製作中,CSS樣式的ID選擇器和Class選擇器使用過程中有什麼限制嗎?

一、ID與CLASS的使用原則

據說W3C對於ID與CLASS的設定是ID具有唯一性,CLASS具有普遍性。所以我們這里的使用原則也是依據這一特性建立的。

ID是不能重復的,所以在XHTML的結構中,大結構一定是用ID。比如標志、導航、主體內容、版權。這些呢接我自己制定的規范命名為#logo , #nav , #content , #copyright 這些是雷打不動的命名。有人說布局排版用ID,配色背景用CLASS,其實這是不正確的,ID與布局排版沒有直接關系,CLASS與配色也不是對等的。有人呢為了麻煩全都用ID或是全都用CLASS,全都用CLASS呢還有可理解,全都用ID就不正常了,這有悖ID唯一性。如果每個ID都不一樣,那非累死不可。我通過實踐總結的使用原則是:ID需要具有唯一性,並且盡量在外圍使用。而CLASS具有可重復性,並且盡量在結構內部使用。這樣做的好處是有利於網站代碼的後期維護與修改,這樣的做法就會讓所有的CLASS都成為ID的子級或是孫級。

你可以有兩個兒子但你能有兩個爸爸嗎,就是這個道理。在我們寫CSS的時候可以寫成這樣 #father .child {…} 盡量不要讓Class包含ID,.father #child {…}如果寫成這樣顯得有點可笑 。當然這也不是鐵定的,特殊情況需要特殊對待嘛。但是通常情況下這種形式的必要性不大。

以上就是ID與CLASS使用原則,歸總起來一句話:ID是唯一的並是父級的,CLASS是可以重復的並是子級的。

二、ID與CLASS的使用技巧

1、子級的命名的包含父命名中的部分為開頭。這樣方便在編寫CSS時明確層次關系。

2、CLASS中的子級最好不用ID。當然特殊情況特殊對待。

3、CLASS的命名最好命名用大小寫合用。例 .newMovie 這樣的寫法與第一條結合起來使用明確關系最合適。要需要注意的是IE以外的瀏覽器對於大小寫是很敏感的。還有就是一定要以字母開頭。

其實上面講的都是一些大家都明白的內容,只是我撿了個漏先寫下來算是一個總結。希望大家對於ID與CLASS的使用提出自己的新觀點新思路。一起總結出最適合也最有效率的規范來。

4、css的id選擇器怎麼使用

每個頁面的id選擇上是唯一的
通過#選擇器可以選取指定id的元素

5、在CSS 中屬於ID 選擇符的是( )?????????????

選擇 C
A中 . 選擇符是 類 樣式
B 是標簽選擇符
C # 是ID選擇符
D 也是標簽選擇符 :link 為定義超鏈接的各個狀態的樣式。 還有這幾個設置的是超鏈接樣式
a:link 鏈接未點擊上去時候
a:visited 鏈接已經點擊過的
a:hover 滑鼠放在鏈接上未點擊
a:active 是介於hover visited 之間的一個狀態,可以說是鏈接被按下時候的狀態

6、ID選擇符和類別選擇符有什麼區別

ID:ID選擇符
定義單獨、獨一無二的元素標識,比如導航條、logo等。

Class:類別選擇符
定義常用、相同、類似的元素標識,比如文字、段落布局有多段文字的樣式相同,那麼這時候,好比如「百度知道」上面的「新聞」、「網頁」……那一行文字就是相同的樣式

7、關於網頁設計里的三種基本選擇器和三種復合選擇器分別是什麼?舉例下~

1.標記選擇器主要應用在HTML頁中的標記樣式選擇。如P選擇器就用於聲明網頁中有P標記的文本內容,同理,H1選擇器則可以標記頁面中H1的樣式。例如:H1 { font-size:14px;font-weight:bold;color:#ccc;}以上代碼表示在所有應用H1選擇器的地方,將文字的大小設為14像素並加粗,同時將顏色設為灰色,如果要改變H1的顏色,只需將color屬性更改就可以了,比如將color設為#e7eefe來與網頁的其他地方協調。2.類別選擇器這是一類最常用的選擇器,用它來定義網頁中需要特殊表現的樣式,類別選擇器的名稱可以由作者自由定義,一般來講類別選擇器的命名最好有一定的意義,使CSS代碼更易維護和閱讀。例如定義導航就可以使用.hang{}或者是.nav{},不要使用簡略或者特殊的字元串,否則可能三天後當你再讀你的CSS代碼時,就連你自己都搞不清一個樣式到底是做什麼用的!類別選擇器就是CSS類,在HTML表現為調用的class。例如:(1)style.css文件中定義.title { margin:10px;padding:2px 5px;}(2)HTML文件中<p class="title"></p>在上述定義中,p標簽將引用CSS文件中的title樣式應用到整個p覆蓋的范圍。p將顯示為一個上下左右margin各為10px,上下padding為2px,左右padding為5px的矩形。請注意類別選擇器CSS定義和標記選擇器的區別:在CSS文件中,標記選擇器前邊沒有"."號,下面我們還會講到ID選擇器,它的定義也不一樣,每個ID選擇器樣式前有一個"#"號,以確定其為ID選擇器,而在HTML中則用ID="style"引用。值得注意的是,一個標簽可以同時應用多個class選擇器,如<h3 class="style1 style2"></h3>,具體大家可以在下邊思考並做下實驗,筆者在這就不舉例了。3.ID選擇器(1)ID選擇器用法和class基本沒有區別,他們的不同之處就在於ID選擇器只能在HTML頁中使用一次,而class則可以任意多次調用,在CSS文件中,ID 選擇器一般寫成#idname { bgcolor:#339;font-size:16px;}如果一個ID應用於多個HTML標記,則有可能造成IE編譯錯誤,並且由於ID選擇器可以被JAVASCRIPT等調用,所以多個ID會導致JAVA編譯錯誤並崩潰!(2)HTML的引用在HTML中引用ID選擇器的代碼如下所示:<div id="name"></div>並且ID選擇器不能像類別選擇器那樣同時被一個標簽調用。這也是完全錯誤的語法。 復合選擇器就是基本選擇器通過不同的鏈接方式構成的。復合選擇器就是兩個或多個基本選擇器,通過不同方式鏈接而成的選擇器。

8、網頁設計中選擇符作用在於定義CSS的名稱,以便引用。在CSS中主要哪些選擇符?

因為低版本IE瀏覽器的存在(不支持部分選擇器),所以能用到的並不多。
常用的有:
標簽選擇器:p{...}(可以是任何標簽,這里拿p標簽舉例)
id選擇器:#id{...}
類選擇器:.class{...}
父子選擇器:.class p{...} 或者 #id .class p{...}(等等)

還有許多選擇器器,你可以百度「CSS選擇器」來看看詳細的解釋。

9、如何在css中用ID選擇符定義第一個字為紅色

用css的偽類:first-letter,代表第一個文字。

#ID:first-letter{color:red}

10、Internet網頁設計CSS問題。在線等。 1、在選擇符練習中練習了各種選擇符,請簡要闡述一下標簽選擇符、ID選

1.
document.getElementById - id selector
document.getElementsByName - name selector
document.getElementsByTagname - tag name selector

2.
{range selector} a { style... }
{another range selector} a { style... }

3.
put all css codes in outer css file so that u can easily maintain them

4.
<body style="text-align: center">
<div style="float: left;"></div>
<div style="float: left;"></div>
<!-- <div style="float: left;"></div> -->
</body>

5.
{ overflow: auto; } or { overflow: hidden }

與網頁設計id選擇符相關的知識