使用css時，很多的問題都出現在盒子模型，所以要深刻理解盒子模型，才能夠做好css。
盒子模型：
margin:外邊距 與父親標籤的content邊界之間的距離（可以認為content邊界位置存在，但不佔任何畫素）
border:邊框 標籤自身的邊框的粗細
padding:內邊距 標籤與自己的子元素（孩子標籤）的content邊框的距離
content:資料 content的邊框，資料的位置，不佔任何畫素，但位置確實存在。
【不佔任何畫素，位置確實存在，這句話可以這麼理解，當div標籤中沒有任何元素，且不顯示div的邊框時，
div就不佔任何畫素，不在螢幕上出現，但是其位置是確實存在的。當它不在螢幕上顯示時，其他元素
可以佔據它的位置。這就是文件流的特點，向螢幕顯示輸出的時，總是從上往下，從左向右。只有通過
position:absolute float:left|right 這樣的屬性才可以使其脫離文件流。】
仔細理解好以下的幾個概念：
1、將行級標籤改成塊級標籤的含義，即 display:block 的含義。
1>所有的塊級元素不需要再在使用display：block定義，塊級元素本身的預設屬性就是block
2>display：block；比較常用於這兩個標籤，因為他們不是塊級元素，定義 display：block屬性後，定義width、height等和長寬相關的css屬性才會生效。
3>之前曾對div設定過display：hidden，則需要重新定義。
2、標籤物件從文件流中脫離的含義，即 float:left|right 的含義
見（css （二））
3、父級標籤和子標籤的含義
每乙個標籤都有父級標籤。
所謂的標籤的資料（內容）可以是文字（即文字）也可以是子標籤（子元素）。
CSS層疊樣式表
一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊，並根據它來格式化文件 ...
CSS（層疊樣式表）
一.css是增加html的樣式,擁有對網頁物件和模型樣式編輯的能力 1 在html中引入css有3種方式 1.外部樣式表 2.內部樣式表 3.內聯樣式表 2 css選擇元素的方式 1.元素選擇器 通過元素名字進行選擇 2.id選擇器 3.class選擇器 4.子元素選擇器 5.相鄰選擇器 如果需要選...
CSS層疊樣式表
html主要控制內容 css主要控制格式。樣式表是用來指定樣式資訊的句法機制。之所以將css稱為層疊樣式表，是因為它可以在3個層次上進行定義。內聯樣式表位於開始標籤中，其設定只對該元素起作用 文件樣式表位於文件的頭部區域，能夠作用於文件的整個主體。文件樣式表的說明是作為乙個 3.通用選擇器 不管什麼...