1. 程式人生 > >css 命名 有的加# ,有的加點 ,有的沒加。請問下都在什麽情況下用的?

css 命名 有的加# ,有的加點 ,有的沒加。請問下都在什麽情況下用的?

什麽 mil 們的 相對 col ont 水平 示例 ack

【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 命名 有的加# ,有的加點 ,有的沒加。請問下都在什麽情況下用的?