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