八、css設定盒裝模型
css中的盒裝模型（box model）用於描述乙個為html元素形成的矩形盒子。
涉及為各個元素調成外邊距（margin）、內邊距（padding）、邊框（border）和內容的具體操作。
1.外邊距和內邊距：(margin、padding)
value:top、bottom、left、right。
外邊距（margin）:表示乙個元素的邊到相鄰元素（或者文件邊界）之間的距離。
內邊距（padding）:定義元素的內容與元素邊框之間的距離.
注意：縮寫形式為順時針，從top開始。（縮寫形式已空格分開）
html檔案如下:
study測試文字資訊study
study測試文字資訊4study
css檔案如下:
body
p h1
h2 h3
h4 2.邊框:(border)
邊框可以有很多用途，比如作為裝飾元素或者劃分兩物的分界線等。
value:border-width[變寬寬度](thin[薄入]、medium[普通]、thick[厚]等，也可以是畫素)、
border-color[邊框顏色](與背景顏色值定義一樣，可以是十六進製制數，rgb值，和顏色單詞值)、
border-style[邊框樣式](none或者hidden[無任何邊框]、dotted(點)、dashed（虛線）、 solid（實線）、
double（雙線）、groove（壓線或者槽線）、ridge（山脊線）、inset（內凹）、outset（外凸）)、
border[縮寫](border-width border-style border-color).
html檔案同上;
css檔案如下:
body
p h1
h2 h3
h4 3.高度和寬度:(width和height)
html檔案同上；
css檔案如下：
body
p h1
h2 h3
h4
8 CSS背景使用例項演練
下面介紹和背景相關的css屬性，背景是所有的標籤都具有的css屬性。背景有以下幾種常用屬性 背景附著方式 background attachment 附著方式 背景位置 background position x y 背景屬性整合 background color image repeat atta...
CSS教程8 CSS的Class以及ID選擇器
前面的學習我們僅僅使用html選擇器 在html頁面裡為html標籤，如 p 現在我們學習使用clss和id定義屬於自己的選擇器。這樣，同樣的html元素可以通過class或id使用不同的表現。在css裡，使用點號 建立class選擇器，使用hash符號 建立id選擇器。例子 example sou...
（8）CSS鏈結與鏈結偽類
除非明確指定鏈結樣式，否則大部分瀏覽器使用藍色字型與下劃線顯示鏈結。這裡我們學習一下用css控制鏈結的樣式。常用於鏈結的屬性如下 2.background color 突出顯示鏈結，加背景 3.text decoration 給鏈結新增下劃線 也用於文字的上劃線，刪除線或閃爍 1.link 用於正常...