歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
莫等閑,白了少年頭,空悲切。
目錄
正文
黃沙百戰穿金甲,不破樓蘭終不還。
CSS(Casading Style Sheet),層疊樣式表
CSS3包含大量功能,將CSS3分為多個模塊。在模塊定義還不太穩定的階段,瀏覽器會采用廠商前綴實現某個特征。
-webkit-
Apple Webkit團隊,兼容Android, Safari, Chrome, BlackBerry等;
-moz-
Mozilla,兼容Firefox等;
-ms-
Microsoft基金會,兼容IE;
-o-
兼容Opera, Opera Mini, Opera Mobile;
https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started/Boxes
當你的瀏覽器展現一個元素時,這個元素會占據一定的空間。這個空間由四部分組成:由里向外content,padding,border,margin.
中間是元素呈現內容的區域。這個區域的外面是內邊距。再外面是邊框。最外面的是外邊距,外邊距將該元素與其它元素分開。
盒模型是有兩種標準的,一個是標準模型,一個是IE模型。盒模型的寬高只是內容(content)的寬高,而在IE模型中盒模型的寬高是內容(content)+填充(padding)+邊框(border)的總寬高。
關于CSS總覽,一篇文章吃透!「屬性」【選擇器】
關于CSS總覽,一篇文章吃透!「屬性」【選擇器】
關于CSS總覽,一篇文章吃透!「屬性」【選擇器】
關于CSS總覽,一篇文章吃透!「屬性」【選擇器】
margin、border、padding是CSS屬性,因此可以通過這三個屬性來控制盒子的這三個部分。而content則是HTML元素的內容。
示例:
關于CSS總覽,一篇文章吃透!「屬性」【選擇器】
關于CSS總覽,一篇文章吃透!「屬性」【選擇器】
顏色
內邊距總是跟元素的背景色一樣,所以當你設置背景色時,你會發現背景色在元素本身和內邊距上都生效了。外邊距總是透明的。
邊框
你可以用邊線或者邊框來裝飾元素。
用 border 屬性給元素四周指定統一的邊框。在屬性值中指定邊框的寬度(通常是以顯示到屏幕上的像素為單位), 樣式, 還有顏色。
樣式包括:
關于CSS總覽,一篇文章吃透!「屬性」【選擇器】
關于CSS總覽,一篇文章吃透!「屬性」【選擇器】
你也可以通過設置樣式為 none 或 hidden 來明確地移除邊框,或者設置邊框顏色為 transparent 來讓邊框不可見,后者不會改變布局。
如果一次只指定某一個方向的邊框,就用屬性: border-top, border-right, border-bottom, border-left。 你可以用這些屬性指定某個方向上的邊框,或者不同方向上的不同邊框。
外邊距和內邊距
使用外邊距和內邊距調整元素的位置,并在其周圍創建空間。
用 margin 屬性或者 padding 屬性分別設置外邊距和內邊距的寬度。
如果你指定一個寬度,它將會作用于元素四周(上、右、下、左)。
如果你指定兩個寬度, 第一個寬度會作用于頂部和底部,第二個寬度作用于右邊和左邊。
你也可以按照順序指定四個寬度: 上、右、下、左。
CSS就是選出元素設置其樣式,選擇元素要用到選擇器,設置樣式要用到屬性。
關于CSS總覽,一篇文章吃透!「屬性」【選擇器】
 

如需轉載,請注明文章出處和來源網址:http://www.589004.tw/css3-style/c58308.shtml

金龙策略配资