CSS邊框,背景,邊距,溢出
css邊框屬性
border:寬度 樣式 顏色;
border-color;
border-style; 邊框樣式:solid實現,dotted點狀線,dashed虛線
CSS3的樣式
border-radius:圓角處理
box-shadow: x軸偏移 y軸偏移 模糊度 擴散成都 顏色 inset內陰影 設置或檢索對象陰影
背景屬性:background
*background-color: 背景顏色
*background-image: 背景圖片
*background-repeat:是否重復,如何重復?(平鋪)
*background-position:定位css3的屬性
*background-size: 背景大小,如 background-size:100px 140px;多層背景:(了解)
background: url(./images/game/map_14.gif) no-repeat 100px 200px,url(./images/game/map_17.gif) no-repeat 150px 200px,url(./images/game/map_03.gif);
元素溢出
當子元素的尺寸超過父元素的尺寸時,需要設置父元素顯示溢出的子元素的方式,設置的方法是通過overflow屬性來設置。
overflow的設置項:
1、visible 默認值。內容不會被修剪,會呈現在元素框之外。
2、hidden 內容會被修剪,并且其余內容是不可見的. 3、scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。
4、auto 如果內容被修剪,則瀏覽器會顯示滾動條以便查看其余的內容。
CSS邊距:
*內補白(內補丁)
padding: 檢索或設置對象四邊的內部邊距,如padding:10px; padding:5px 10px;
padding-top: 檢索或設置對象頂邊的內部邊距
padding-right: 檢索或設置對象右邊的內部邊距
padding-bottom:檢索或設置對象下邊的內部邊距
padding-left: 檢索或設置對象左邊的內部邊距
*外補白(外補丁)
margin: 檢索或設置對象四邊的外延邊距,如 margin:10px; margin:5px auto;
margin-top: 檢索或設置對象頂邊的外延邊距
margin-right: 檢索或設置對象右邊的外延邊距
margin-bottom: 檢索或設置對象下邊的外延邊距
margin-left: 檢索或設置對象左邊的外延邊距