課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
第一種寫規(guī)范 第二種寫法實(shí)在很對DIV里的所有 ?那么這兩種都可以 ?還是說第二種有投機(jī)取巧的意思?
2016-07-20
源自:初識HTML(5)+CSS(3)-升級版 15-1
正在回答
兩種寫法都不規(guī)范。第一種“div.imgCenter”中“div”沒必要寫上,".imgCenter"更加簡潔。
第二種“.txtcenter”和“.imgcenter”中的第二個單詞首字母應(yīng)該大寫,普遍采用“.txtCenter”“.imgCenter”的命名方式。
當(dāng)然你的寫法也沒錯,只是不夠規(guī)范。
第一種寫法并不是規(guī)范額,按這個例子產(chǎn)生的效果而言,第二種更為規(guī)范一些。CSS的出現(xiàn)本身就是為了簡化代碼。假設(shè)你的一個網(wǎng)頁里有10個div,那么如果你一個一個div逐個的去為它設(shè)置CSS樣式,顯然代碼量會很大,假設(shè)10個div里的樣式都是一樣的,就可以直接使用標(biāo)簽選擇器設(shè)置所有div的CSS樣式,假設(shè)其中有些div的樣式與其他的不一致,那么,可以給這些div加上class屬性,然后用類選擇器為這些div設(shè)置CSS樣式,由于類選擇器的權(quán)值高于標(biāo)簽選擇器的權(quán)值,即使之前在標(biāo)簽選擇器中統(tǒng)一設(shè)置過div的樣式,也沒關(guān)系,這些div最終會顯示類選擇器中設(shè)置的樣式
拿你上面的例子來說,如果你不需要圖片居中顯示,而是希望圖片貼右邊顯示,可以將第一種寫法的div.imgCenter{text-align:center;}這段代碼改為div.imgCenter{text-align:right;},也可以將第二種寫法加一段代碼:div.imgCenter{text-align:right;}。這兩種方法效果是一樣的
我覺得看你<div>里的內(nèi)容看情況而定,如果盒子里內(nèi)容還有其他標(biāo)簽的應(yīng)用,那第一種單獨(dú)指定比較好,如果內(nèi)容比較少,那直接在<div>里指定更簡單,總之,實(shí)現(xiàn)同樣的效果當(dāng)然代碼越簡潔越好
我覺得是看你的需要。第一種是可以對不同類選擇器設(shè)置不同的樣式,范圍更小一些 比如 .txtcenter{text-align:center} ? .imgcenter{text-align:right} ?當(dāng)你有不同需求的時候就要分開寫;第二種就是對所有的div設(shè)置樣式,設(shè)置的樣式對所有div標(biāo)簽起作用 ?在這里你的這兩種寫法的作用是相同的,我覺得可以直接采用第二種
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答這兩者有什么區(qū)別?
5 回答兩者之間有什么區(qū)別???
4 回答為什么舉例中這兩項(xiàng)后面還有name,有什么區(qū)別嗎?
1 回答這樣寫規(guī)范嗎
2 回答這兩個有什么區(qū)別呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-07-27
兩種寫法都不規(guī)范。第一種“div.imgCenter”中“div”沒必要寫上,".imgCenter"更加簡潔。
第二種“.txtcenter”和“.imgcenter”中的第二個單詞首字母應(yīng)該大寫,普遍采用“.txtCenter”“.imgCenter”的命名方式。
當(dāng)然你的寫法也沒錯,只是不夠規(guī)范。
2016-07-23
第一種寫法并不是規(guī)范額,按這個例子產(chǎn)生的效果而言,第二種更為規(guī)范一些。CSS的出現(xiàn)本身就是為了簡化代碼。假設(shè)你的一個網(wǎng)頁里有10個div,那么如果你一個一個div逐個的去為它設(shè)置CSS樣式,顯然代碼量會很大,假設(shè)10個div里的樣式都是一樣的,就可以直接使用標(biāo)簽選擇器設(shè)置所有div的CSS樣式,假設(shè)其中有些div的樣式與其他的不一致,那么,可以給這些div加上class屬性,然后用類選擇器為這些div設(shè)置CSS樣式,由于類選擇器的權(quán)值高于標(biāo)簽選擇器的權(quán)值,即使之前在標(biāo)簽選擇器中統(tǒng)一設(shè)置過div的樣式,也沒關(guān)系,這些div最終會顯示類選擇器中設(shè)置的樣式
拿你上面的例子來說,如果你不需要圖片居中顯示,而是希望圖片貼右邊顯示,可以將第一種寫法的div.imgCenter{text-align:center;}這段代碼改為div.imgCenter{text-align:right;},也可以將第二種寫法加一段代碼:div.imgCenter{text-align:right;}。這兩種方法效果是一樣的
2016-07-21
我覺得看你<div>里的內(nèi)容看情況而定,如果盒子里內(nèi)容還有其他標(biāo)簽的應(yīng)用,那第一種單獨(dú)指定比較好,如果內(nèi)容比較少,那直接在<div>里指定更簡單,總之,實(shí)現(xiàn)同樣的效果當(dāng)然代碼越簡潔越好
2016-07-20
我覺得是看你的需要。第一種是可以對不同類選擇器設(shè)置不同的樣式,范圍更小一些 比如 .txtcenter{text-align:center} ? .imgcenter{text-align:right} ?當(dāng)你有不同需求的時候就要分開寫;第二種就是對所有的div設(shè)置樣式,設(shè)置的樣式對所有div標(biāo)簽起作用 ?在這里你的這兩種寫法的作用是相同的,我覺得可以直接采用第二種