8月8日
Css(層疊樣式）和html結合有三種常用的，一種不常用的結合方法：
1、內聯樣式表：在html標籤中使用style屬性使用樣式表
2、嵌入樣式表：在html中使用<style></style>
3、外部樣式表：使用後綴爲.css的文件html
引入<link rel=””type=””href=””/>
4、輸入樣式表：將一個css文件導入到另外的css文件中
（1）在css文件中頭部寫@import url（“name.css”）html文件再引入這個css文件
（2）或在html文件中<style>@import url(name.css)</style>
屬性：
background-img:url(“”);背景圖片，inherit（繼承，該繼承父類的背景圖片，在div中孫子類頁可以繼續圖片，在table中<tr>下的<td>設置的背景圖片是不會繼續body或者是table，tr不是table的子類）
background-attachment：fixed；背景圖片不會隨滾動條滾動，而是固定
aackground-repeat:repeat(默認）repeat-x（y）、no-repeat 、inherit（從父元素繼承該屬性）
background-color：背景顏色
background-position:背景圖片的起始位置x軸y軸（top left、top center、bottom left、center left）
background-size:背景圖片的大小。設置方法1、px定義寬高，第一個值爲寬，只設一個，第二個爲auto 2、以父元素的百分比設置% 3、cover使背景圖片擴展至足夠大，以使背景圖像完全覆蓋背景區域。
4、contain把圖像圖像擴展至最大尺寸，以使其寬度和高度完全適應內容區域在background中設置以上全部值
background：#fff url(name.jpg) repeat-x fixed top left;
border和outline屬性
整一個邊框的設置
border：width、style、color
border-color:邊框顏色
border-style:dotted（點狀）、solid（實線）、double（雙線）、dashed（虛線）inherit（繼承）
border-width:邊框寬度
四邊邊框，border-bottom、border-left、border-top、border-right
border-bottom:width、style、color
border-bottom-widht:寬度border-bottom-style：樣式border-bottom-color：顏色
左右上，同上。
outline聲明輪廓屬性，繪製元素周圍的一條線，位於邊框邊緣外圍
outline：color、style、width
outline-color：顏色、
outline-style：solid、dotted、dashed（同border-style）
outline-width：寬度（thick）
border-radius：px、%；（定義邊框四角的形狀）
border-bottom-left-radius定義邊框的左下角形狀
border-bottom-right-radius定義邊框的右下角的形狀
border-top-left-radius:邊框的左上角形狀
border-top-right-radius:邊框右上角形狀
border-image:url（“圖片路徑”）slice（向內偏移） width（邊框寬度） outset（圖像超出邊框的量） repeat
border-image-outset:邊框圖像區域超出邊框的量
border-image-repeat:圖像邊框是否應平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)。
border-image-source:用在邊框的圖片路徑
border-image-slice:圖片邊框向內偏移
border-image-width:圖片邊框的寬度
box-shadow:
font:聲明字體的屬性
font-family:字體系列如宋體、微軟雅黑
font-size:字體尺寸
font-style:字體的樣式，normal（默認，瀏覽器中標準的字體樣式）、italic（‘斜體‘’字體樣式，屬於一種字體family）
oublique（傾斜的字體樣式，是將文本中的字體傾斜）、inherit（繼承父元素）
font-weight:字體的粗細，normal（默認）、bold（粗體）、bolder（更粗）、lighter（更細）
100~900（沒有px）、inherit（繼承）
font-stretch:收縮或拉伸當前的字體系列（所有瀏覽器都暫不支持）wider（伸展） narrower（收縮）
font-variant：規定是否以小型大寫字母的字體顯示文本。small-caps（顯示小型大寫）