css 命名 有的加# ，有的加點 ，有的沒加。請問下都在什麽情況下用的？
阿新 • • 發佈：2018-02-22
什麽 mil 們的 相對 col ont 水平 示例 ack
【關於調用樣式的技巧】
舉個例子：
<div class="demo1" id="demo2">示例一</div>
<div class="demo1" id="demo3">示例二</div>
<div class="demo4" id="demo5">示例三</div>
這是兩個div，容器是可以同時使用class和id調用樣式的，這樣的好處在於可以將兩個div的共同樣式放在類樣式裏面，而各自不同的樣式可以放在id樣式裏面，這樣就避免重復寫大量相同代碼造成冗余的情況發生！
示例一的需要的樣式是紅色、宋體字，示例二是黑色、宋體字，而這三個示例都需要水平居中顯示，那麽他們的共同點就是示例一和示例二都需要宋體字，三個示例都要居中顯示，那麽就可以這樣寫樣式：
<style>
<!--
.demo1{font-family:"宋體";} /*宋體字*/
#demo2{color:red;} /*紅色色*/
#demo3{color:black;} /*黑色*/
div{margin:0 auto;} /*將頁面內所有div居中顯示*/
-->
</style>
這樣就可以避免重復寫很多不需要多次寫的重復代碼
【nav{}】
這樣的樣式是給特定的標簽直接定義樣式時使用的，這個樣式名稱是跟標簽是相對應的，比如我要給<p></p>這個標簽設置樣式，那我就可以直接寫：p{樣式}就可以，但是這樣寫並沒有特指某個標簽，而是指的頁面內所有<p>標簽的樣式，所以，使用了這種方法，那麽只要你的頁面裏有<p>這個標簽的，那他們的樣式就是統一的樣式；
【.nav{}】這種前面加 “.” 的樣式，是說明該樣式是由類調用的，也就是容器是使用class調用這個樣式的，這種樣式是可以被多個不同的容器多次重復調用而沒有限制的，屬於共有樣式；
【#nav{}】這種前面加 “#” 的樣式是ID調用的，就是容器使用id=“#nav”這樣來調用的，這樣的樣式是一次性的，專有的樣式，即該樣式只能是一個指定的容器只能調用一次這個樣式，其他容器不能再次調用這個樣式，也不可以多次調用，屬於私有樣式；
【關於調用樣式的技巧】
舉個例子：
<div class="demo1" id="demo2">示例一</div>
<div class="demo1" id="demo3">示例二</div>
<div class="demo4" id="demo5">示例三</div>
這是兩個div，容器是可以同時使用class和id調用樣式的，這樣的好處在於可以將兩個div的共同樣式放在類樣式裏面，而各自不同的樣式可以放在id樣式裏面，這樣就避免重復寫大量相同代碼造成冗余的情況發生！
示例一的需要的樣式是紅色、宋體字，示例二是黑色、宋體字，而這三個示例都需要水平居中顯示，那麽他們的共同點就是示例一和示例二都需要宋體字，三個示例都要居中顯示，那麽就可以這樣寫樣式：
<style>
<!--
.demo1{font-family:"宋體";} /*宋體字*/
#demo2{color:red;} /*紅色色*/
#demo3{color:black;} /*黑色*/
div{margin:0 auto;} /*將頁面內所有div居中顯示*/
-->
</style>
這樣就可以避免重復寫很多不需要多次寫的重復代碼
css 命名 有的加# ，有的加點 ，有的沒加。請問下都在什麽情況下用的？