---------------------------------------------------------------------------------------------
HTML元素一切皆爲框的一點理解:
div h1 p 稱爲塊級元素; 該類元素,顯示的內容成塊.
span strong等稱爲行內元素;該元素顯示的內容地行內.
可以通過設置display:block,使行內元素像塊級元素一樣成塊.
<div>
some text
<p>Some more text.</p>
</div>
這樣便出現稱爲"無名框"的框.這是把文本直接加在塊級元素的開頭,這些文本會被當然段落來對待.
---------------------------------------------------------------------------------------------
CSS中的選擇器:
總共可分爲:HTML標籤元素選擇器、class、id、僞選擇器。可以關聯、組合定義選擇器。
關聯即某個樣式是與特定標籤關聯的，在這關聯外，不起作用；組合就是一次定義一組樣式。
第一類選擇器最簡單，其對象就是HTML本身標籤。當想對HTML標籤的展現形式有自己的要求時定義。
如我想使P標籤內的文本顯紅色，而不是默認的黑色，大小爲15像素。
定義方式可以爲 P{color:red;font-size:15px;}
div p {color:blue} 關聯定義樣式
h1,h2,h3 {color:green;} 組合定義樣式
第二種和第三種，分別是對應標籤的class,id屬性值。從這點便可以看出它們的最大區別，id只能被用在一處，而class可以多處多次使用。所以定義它們時得想清楚，該樣式的使用情況。
class類選擇器定義時，要在對應的class值前加“.”，而id選擇器加“#”。
即 .btn {border:solid #dddddd 1px;} #headfer {margin:0px;padding:0px}
<div id="header"><input class="btn" type="button"></div>
第四種，僞選擇器不是每個標籤都能有的，通常a標籤使用比較多，用來描述標籤內容在不同狀態時顯示不同樣式。
如：a:link{color:bule;} a:hover{color:green;} a:visited{color:red;}
這些不同類型的樣式也可以組合使用。
如：a.one:link {font-size:20px;} <a class="one">僞僞元素與類一起用</a> 。對a one link的擺放順序還是感覺有些彆扭。
---------------------------------------------------------------------------------------------
CSS的基礎規則看起來不多，但實際使用起來感覺非常之繁瑣與不可以思議。很是覺得好的編輯工具非常之重要，能事半功萬倍的效果。
挑些比較常用樣式定義（初級菜鳥級的，若大蝦見了還望原諒，倘能提點提點，感激不盡）。
margin 定義一個區域與另一個區域的距離（上下左右），即所謂的外邊距。
margin:1px 2px 3px 4px;距外區域上，右，下，左爲1，2，3，4px。
margin-left:auto;默認居中。
類似的padding指的距所處區域四周邊界的距離，即內邊距；描述的順序與margin一樣。
float 飄浮，一個區域相對另一個區域的水平對齊方式。作用很大，很重要。取值可以：left right none浮動到左邊/右邊/不準飄浮。
清除飄浮clear:left/right/both，不準左邊/右邊/兩邊有飄浮。
ul與form標籤一樣是塊級元素，但input,table是行級元素（純屬我個人理解）。
ul內li後必須要有個行級元素，沒定義的話也會留下一行的位置。（一次寫頁面時，我檢查了許久都會多空出一行來，後發現是li產生 的）
---------------------------------------------------------------------------------------------
yixie jingnian
在對標籤位置不是有很清楚瞭解的情況下，要多試幾次。CSS+DIV中區域的位置關係尤爲重要，而對位置的頁面展示影響的因素也較多，沒有對其中的機理了解清楚的，很容易進死衚衕般的怎麼轉怎麼想辦法就是轉不出。
比如有時高上邊距時margin-top屬性看起來不起作用，可以試着用margin-bottom再不行得看下區域包含位置情況。
文本的位置不僅margin / padding 對其有直接影響，還有其高度大小，字體大小，其相鄰元素位置的大小。
垂直位置屬性 vertical-align.
元素內容爲空要其顯示背景，需要同時定義其寬高；有時加上display屬性會有意想不到的效果，其值有:block inline-block等.
