html5 css選取器 井號, 句點的區別

標籤：影響   tps   視頻   而且   font   使用   add   樣式   csdn   

一、理解CSS的樣式組成
CSS裡的樣式表是有規則群組成的，每條規則有三個部分組成：
1、選取器（如下面例子中的：“body”），告訴瀏覽器文檔的哪個部分受規則影響；
2、屬性（如執行個體中的font-family、color等），規定了布局的什麼方面被設定了；
3、值（如執行個體中的Arial,sans-serif，#333333等），給出了式樣屬性的值。
 
 二、CSS式樣中不同符號的區別

 #是ID選取器 .是class選取器 *是萬用字元號 
比如*{margin：0；padding：0；所有的元素都會沿用這個屬性樣式}（還有一種情況是IE hack）比如 .b{margin:0;*margin:10px;}這裡IE看到的是margin：10px，其他的瀏覽器看到的會是前面那個margin：0；
 

先來看段代碼吧~

body{font-family: Arial,sans-serif;color: #333333;line-height: 1.166; margin: 0px; padding: 0px;}#masthead{margin: 0;padding: 10px 0px;border-bottom: 1px solid #cccccc;width: 100%;}.feature img{float: left;padding: 0px 10px 0px 0px; margin: 0 5px 5px 0;}

#號對應id
點號對應class
不加對應html 標籤
歸納成一句話就是：Class可以反覆使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反覆使用同一個ID不會出現問題，但在標準上這絕對是錯誤的使用，而且很可能導致某些瀏覽器的現實問題。
在實際應用的時候，Class可能對文字的排版等比較有用，而ID則對宏觀布局和設計放置各種元素較有用。

學術或足球分析交流:chinamaths(進討論群組)

Don‘t hesitate to comment or add a like    -    Yours Bill
Bill‘s技術部落格	足球分析部落格	足彩資料視頻
比爾極客日誌_部落格園	比爾足球資料_網易部落格	足彩TV_優酷
比爾極客日誌_CSDN	比爾足球資料_新浪部落格	足彩TV_搜狐視頻
比爾極客日誌_51CTO	比爾足球資料_新浪微博	足彩TV_喜馬拉雅
比爾極客日誌_開源中國	比爾足球資料_官方URL	足彩TV_56視頻
比爾極客日誌_GitHub	比爾足球資料_頭條號	號:zucai99

html5 css選取器 井號, 句點的區別