Css3——background屬性詳解

1、字體屬性 與字體有關(guān)的屬性包括：font-family，font-style，font-variant，font-weight，font-size，font。

網(wǎng)站建設哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、成都小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了杭錦免費建站歡迎大家使用！

2、background-position背景圖像的位置。CSS3 background-size背景圖片的尺寸。默認值：auto 其他值：像素，百分比，contain，cover background-origin背景圖片的定位區(qū)域。

3、通常建議使用這個屬性，而不是分別使用單個屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。

4、background屬性 background-image：設置元素的背景圖像。background-origin：規(guī)定背景圖片的定位區(qū)域。background-size ：規(guī)定背景圖片的尺寸。background-repeat：設置是否及如何重復背景圖像。

在css3樣式中background的屬性有哪些

字體屬性 與字體有關(guān)的屬性包括：font-family，font-style，font-variant，font-weight，font-size，font。

background-position背景圖像的位置。CSS3 background-size背景圖片的尺寸。默認值：auto 其他值：像素，百分比，contain，cover background-origin背景圖片的定位區(qū)域。

background一共有8個屬性，css1中5個，css3中加了3個。background的可以簡寫為 ：背景顏色 支持多種類型 背景圖片 盡量用引號包起來 重復圖片 滾動或者固定背景 圖片位置 支持3中類型： 百分比，單位，英文關(guān)鍵字。

CSS3中的background-origin屬性值為：padding-box：背景圖像相對于內(nèi)邊距框來定位。border-box：背景圖像相對于邊框盒來定位。content-box：背景圖像相對于內(nèi)容框來定位。

CSS3新增的哪些選擇器和常見的屬性是哪些?

1、box-shadow屬性：向框添加一個或多個陰影。（盒陰影）box-shadow基礎語法：box-shadow： 10px 10px 5px #888888媒體查詢 媒體查詢定義兩套css，當瀏覽器的尺寸變化時會采用不同的屬性。

2、）使用nth-child 2）使用nth-child（an+b），a表示每次循環(huán)中，包括幾種樣式，b表示指定的樣式在循環(huán)中所處的位置。only-child選擇器，在元素只有一個子元素時，可以代替使用 nth-child(1)/nth-last-child(1) 。

3、css3選擇器如下：通配符選擇器（*）通配符選擇器是用來選擇所有元素，也可以選擇某個元素下的所有元素。元素選擇器（E）元素選擇器，是css選擇器中最常見而且最基本的選擇器。

4、選擇器（Selectors）CSS3增加了更多的CSS選擇器，可以實現(xiàn)更簡單但是更強大的功能，比如：nth-child()等。其它模塊：（Other modules）media queries：感覺叫媒體選擇比較合適，可以為網(wǎng)頁中不同的對象設置不同的瀏覽設備。

5、標簽選擇器，也稱為元素選擇器。標簽選擇器的基本形式如下：tagName{property：value}，其中tagName是標簽名稱，property是css的屬性。類選擇器。

6、only-child p：only-child 選擇屬于其父元素的唯一子元素的每個 元素。：nth-child(n) p：nth-child(2) 選擇屬于其父元素的第二個子元素的每個 元素。

css3新增的屬性有哪些

CSS3圓角表格圓角表格，對應屬性：border-radius。以往對網(wǎng)頁上的文字加特效只能用filter這個屬性，這次CSS3中專門制訂了一個加文字特效的屬性，而且不止加陰影這種效果。對應屬性：font-effect。

CSS3中真正的動畫屬性是animation，而前面的transform和transition都只是對DOM元素的變形或者是狀態(tài)的過渡。

CSS3 @font-face 規(guī)則 在 CSS3 之前，web 設計師必須使用已在用戶計算機上安裝好的字體。通過 CSS3，web 設計師可以使用他們喜歡的任意字體。

box-shadow是CSS中的一種屬性，用于在元素周圍創(chuàng)建一個陰影效果意思。知識拓展：box-shadow是CSS3中新增的屬性，用于給元素添加一個盒子陰影效果。

CSS系列篇:CSS3的常見屬性

屬性：background-position 取值： 屬性：background-size 取值： 屬性：background-origin 取值： 屬性：background-clip 取值： CSS3多背景通過為每個背景屬性提供多個屬性值實現(xiàn)。

text-shadow 屬性：向文本設置陰影。

CSS3高級屬性可分為：選擇器、盒模型、背景和邊框、文字特效、2D/3D轉(zhuǎn)換、動畫、多列布局、用戶界面。