一.css3背景與邊框###

1萝招、background-clip
定義：background-clip屬性規(guī)定背景的繪制區(qū)域。
語法：background-clip: border-box|padding-box|content-box;
參數(shù)：border-box 背景被裁剪到邊框盒辈末。
padding-box 背景被裁剪到內(nèi)邊距框
content-box 背景被裁剪到內(nèi)容框
2巧涧、background-origin
定義：background-origin 屬性規(guī)定 background-position屬性相對(duì)于什么位置來定位泼疑。
語法： background-origin: padding-box|border-box|content-box;
參數(shù)：border-box 背景圖像相對(duì)于邊框盒來定位
padding-box 背景圖像相對(duì)于內(nèi)邊距框來定位赘淮。
content-box 背景圖像相對(duì)于內(nèi)容框來定位
3、 background-size
定義：規(guī)定背景圖像的尺寸
語法：background-size: length|percentage|cover|contain;
參數(shù)：length 設(shè)置背景圖像的高度和寬度昵仅。第一個(gè)值設(shè)置寬度缓熟，第二個(gè)值設(shè)置高度。如果只設(shè)置一個(gè)值 摔笤，則第二個(gè)值會(huì)被設(shè)置為 "auto"够滑。
percentage 以父元素的百分比來設(shè)置背景圖像的寬度和高度。第一個(gè)值設(shè)置寬度吕世，第二個(gè)值設(shè)置高度彰触。如果只設(shè)置一個(gè)值，則第二個(gè)值會(huì)被設(shè)置為 "auto"命辖。
cover 把背景圖像擴(kuò)展至足夠大况毅，以使背景圖像完全覆蓋背景區(qū)域。背景圖像的某些部分也許無法顯示在背景定位區(qū)域中吮龄。
contain 把圖像圖像擴(kuò)展至最大尺寸俭茧，以使其寬度和高度完全適應(yīng)內(nèi)容區(qū)域
4咆疗、background-break
定義： 指定內(nèi)聯(lián)元素的背景圖像進(jìn)行平鋪時(shí)的循環(huán)方式
語法：background-break: continuous |bounding-box|each-box;
參數(shù)：continuous背景圖像相對(duì)于內(nèi)邊距框來定位漓帚。
bounding-box 背景圖像相對(duì)于邊框盒來定位
each-box 背景圖像相對(duì)于內(nèi)容框來定位
5、在一個(gè)元素中顯示多個(gè)背景圖像
概述：css3中規(guī)定了一個(gè)元素可以顯示多個(gè)背景圖像午磁，這就是一個(gè)新的規(guī)定尝抖。

python
      div{
          background:url("flower-red.png"),

                 url("flower-green.png"),

                               url("sky.png");
 
         background-repeat:no-repeat, repeat-x, no-repeat;
                    
         background-position:3% 98%,85%,center,center,top;
                      
         width:300px;
 
         padding:90px 0px;

}

6、圓角和邊框border-radius
定義：屬性是一個(gè)簡寫屬性迅皇，用于設(shè)置四個(gè) border-radius屬性
語法：border-radius: px|% px|%;

7昧辽、使用圖像邊框border-image
定義：border-image屬性是一個(gè)簡寫屬性，用于設(shè)置以下屬性
border-image-source 用在邊框的圖片的路徑登颓。
border-image-slice 圖片邊框向內(nèi)偏移
border-image-width 圖片邊框的寬度搅荞。
border-image-outset 邊框圖像區(qū)域超出邊框的量。
border-image-repeat 圖像邊框是否應(yīng)平鋪(repeated)框咙、鋪滿
(rounded)或拉伸(stretched)咕痛。

二.Column###

1.column列屬性 :column-width column-count列寬 列數(shù) (可分開寫)
2.column-gap:設(shè)置并列間的間隔 單位是px
3.column-rule:設(shè)置并列間的邊框及邊框樣式
4.column-span：規(guī)定關(guān)素應(yīng)橫跨幾列
參數(shù)：
1：表示只能跨1列
all：跨所有列

三.resize###

規(guī)定可以有用戶調(diào)整元素大小
參數(shù)：
none：默認(rèn)用戶無法調(diào)整元素的大小
both：用戶可以調(diào)整元素的寬度和高度
horizontal:用戶可以調(diào)整元素的寬度
vertical：用戶可以調(diào)整元素的高度

四.overflow###

規(guī)定當(dāng)元素溢出元素框時(shí)發(fā)生的事情
參數(shù)：
scroll：內(nèi)容會(huì)被修剪，但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余內(nèi)容
visible：默認(rèn)喇嘱，內(nèi)容不會(huì)被修剪茉贡，會(huì)呈現(xiàn)在元素之外
hidden:內(nèi)容會(huì)被修剪，并且其他內(nèi)容是不可見得
auto：如果內(nèi)容被修剪者铜，則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余內(nèi)容
inherit：從父元素繼承overflow的值

五.外輪廓屬性outline###

位于邊框邊緣的外圍
參數(shù)：
outline-width：外輪廓寬度
outlin-style：外輪廓樣式
outline-color：外輪廓顏色
outline-offset：外輪廓擴(kuò)展