我們來看看幾個基本的html頁面
>文件結構
title
>
6head
>78
<
body
>
9<
h1>css規則
h1>
10<
p>樣式表由一些<
strong
>樣式規則
strong
>組成。
p>
11<
ul>
12<
li>
選擇器13
14<
ul>
15<
li>類選擇器
li>
16<
li>id選擇器
li>
17<
li><
em>包含
em>選擇器
li>
18ul
>
19<
li>屬性
li>
20<
li>值
li>
21li
>
22ul
>
23body
>
24html
>
顯示如下：
文件結構如下圖：
特殊性：
規定了不同規則的權重，當多個規則都可用於同乙個元素時，權重越高的樣式會被優先採用。
h1 /*使用!important特殊性=1
*/p em/*
特殊性=2
*/.divclass/*
特殊性=10
*/p.note em.dark/*
特殊性=22
*/#id/*
特殊性=100
*/
來標識重要規則，如：
p，此時
color:red
將具有最高的權重性，因這樣宣告的規則將高於訪問者本地樣式的定義(就是
p標籤內的定義
)，所以
!important
要謹慎使用。
元素分類：
塊級元素
(display:block)
：每個塊級元素都從乙個新行開始，而且其後的元素也需要另起一行開始標題、段落、**、層、
body
等都是塊級元素；
內聯元素
(display:inline)
：內聯元素不需要在新行顯示，而且也不強迫其後的元素換行，如
a,em,span
等都是內聯元素，內聯元素可以為任何其他元素的子元素；
列表項(display:list-item)
：只有li
元素是預設此型別，此元素的表現形式和列表一樣；
隱藏元素
(display:none)
：當某個元素被設定為
display:none
的時候，瀏覽器會完全忽略掉此元素，此元素將不會被顯示，也不會佔據位置。
SVG之文件結構
第五章涉及知識點有點多，要慢慢消化一會兒。svg的樣式之間的關係像極了html和css之間的關係，但還是有細微的差別。前一篇說到的svg的樣式主要就是strock和fill的相關屬性。這些屬性可以用四種不同方式被作用到svg元素上，比css作用到html元素多一種。比如stroke red 要作用到...
CSS入門 XHTML文件結構樹
css通過與 x html的文件結構相對應的選擇器 selector 來達到控制頁面表現的目的，而文件結構不僅僅在css的應用上非常重要，對於行為層 例如使用j ascript控制元素的行為 同樣也非常重要。文件結構 x html文件可以看作乙個家族樹，這個樹有1個祖先 根元素，然後各元素依次向下排...
crtmpserver筆記之文件結構
1.頂層 crtmpserver 下的資料夾結構 3rdparty 對lua,xml進行解析的源 資料夾 sources 專案的核心實現源 資料夾 builders 各種環境 vs2010,android,linux 下的專案生成 configs 一些預定義的配置檔案和示例啟動指令碼 docs 專案...