CSS將每個(gè)元素看做一個(gè)盒子表示,由內(nèi)容,內(nèi)邊框,外邊框組成。
內(nèi)容可被透明內(nèi)邊框padding包圍,內(nèi)邊框周圍可放一個(gè)可選邊框border,有一個(gè)可選的透明化外邊框(margin)包圍所有部分。
所有元素,甚至inline元素,也被當(dāng)做盒。
外邊距提供元素之間的間距。
.guarantee{ border-color: black; border-width: 1px; border-style: solid; background-color: #a7caca; padding: 25px; margin:30px; color: gray; line-height: 1.9em; font-style: italic; font-family: Georgia,"Times New Roman",Times,serif; background-image: url(images/background.gif); 添加背景圖 background-repeat: no-repeat; 不重復(fù)出現(xiàn)背景圖 background-position: top left; 背景圖位置
background-repeat: repeat; (default) no-repeat; (不重復(fù)) repeat-x; (水平重復(fù)) repeat-y; (垂直重復(fù)) inherit (繼承父級(jí)元素)
background-position: top; left; right; bottom; center;
border-style:solid;dotted;double;dashed;groove;inset;outset;ridge;
border-top/right/left/bottom-color/style/width
設(shè)置某一條邊框的屬性
border-radius:15px
設(shè)置圓角
border-top/bottom-left/right-radius:3em
某個(gè)角設(shè)置圓角
id是一個(gè)元素的唯一標(biāo)識(shí)符,class是一群元素的標(biāo)識(shí)符
但是一個(gè)元素可以既有id,又有class.
class元素的選擇器是.class
id元素的選擇器是#id
多個(gè)樣式表時(shí),后出現(xiàn)的樣式表優(yōu)先。使用多個(gè)樣式表的原因:1.網(wǎng)站不同模塊的需要;2.面向不同瀏覽器。
在指定樣式表的鏈接中,添加media
屬性,可以在指定設(shè)備類型是觸發(fā)。
或者直接在CSS 文件中使用@media規(guī)則,使用媒體查詢。
(需要密切關(guān)注指定設(shè)備的最佳時(shí)間)