新聞中心
css中的類樣式和id樣式
W3C標(biāo)準(zhǔn)中對于ID與CLASS的設(shè)定是:ID具有唯一性,CLASS具有普遍性。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了羅城免費(fèi)建站歡迎大家使用!
而目前大部分瀏覽器確實可以定義頁面中多個元素的ID相同,并賦以相同的樣式,因為目前的瀏覽器和CSS都對其睜一只眼閉一只眼。
就比如說法律規(guī)定你做好事,但你也可以去做壞事一樣。這是一個標(biāo)準(zhǔn),你可以遵守,也可以不遵守,但是不遵守的后果很嚴(yán)重。
在CSS中你可能不會碰到太大的問題。但是當(dāng)用JavaScript調(diào)用ID時,問題就來了,比如下面的代碼:
p id="html"人aaaaa/p
code id="html"fffff/code
scriptalert(document.getElementById("html").innerHTML)/script
這個彈出的結(jié)果是 人aaaaa。而 下面的元素就完全被忽略了。
這只是一個小小的測試,具體到做項目的時候會碰到什么后果就沒法預(yù)計了。
所以建議你還是遵守標(biāo)準(zhǔn)來設(shè)計網(wǎng)頁。
ID在頁面中必須唯一。這樣才符合web2.0標(biāo)準(zhǔn)。
Css中設(shè)置id的寫法是什么?
可以這樣理解:
一、元素:就是html標(biāo)簽,比如table,tr,td,img,input等等,在對這些使用css的時候,元素名前面可以不用加任何符號,如:對網(wǎng)頁中所有input元素用一個css樣式,那么可以在樣式中寫 input{樣式}
二、ID:如果想在網(wǎng)頁中某個特定地方使用css,這時候就可以給那個元素一個ID,在樣式的時候,ID前面要加“#”,比如:想對ID為test的表格應(yīng)用一個css樣式,可以寫作 #test
三、類就是大多數(shù)情況下都可以調(diào)用的,在前面要加個“.”,然后在使用的時候用 “class=類名”
dreamweaver Cs3 如何調(diào)用 id 類 css樣式
如果你的CSS是單獨建立的,首先你的HTML頁面中要引用這個CSS文件,然后可以通過ID=的方法調(diào)用
舉個例子,我建設(shè)的頁面CSS文件為
SCXH.CSS,
首先我們需要在index.html里面調(diào)用它
link
href="scxh.css"
rel="stylesheet"
type="text/css"
/
這一段加字頁面的head標(biāo)簽范圍內(nèi)
然后我們在scxh.css文件中建立一個ID
#win
{
width:980px;
height:auto;
display:inline-block;}
HTML頁面中可以用如下代碼調(diào)用:
div
id="win"/div
如果建立的是類,如
.linepic
{
width:100%;
height:auto;
display:inline-block;}
則使用
div
class="linepic"/div
的方法調(diào)用。
ID和類的區(qū)別在于,ID是唯一的,也就是說在一個HMTL頁面中ID只能有一個,而類卻可以被重復(fù)調(diào)用。
希望以上說明,對你有所幫助
網(wǎng)站名稱:id的css樣式,css樣式id選擇器
文章地址:http://biofuelwatch.net/article/phgoji.html