一键痛，背景屬性
背景屬性background為簡寫冰抢，它包含滾動凳谦，顏色，圖片六剥，開始位置，重復(fù)樣式峰伙，區(qū)域疗疟，定位，尺寸瞳氓。所有屬性值可以寫在一起策彤。如.class {background: #ff0000 url(/i/eg_bg_03.gif) repeat fixed center;}
1，background-attachment 設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動
- scroll 默認(rèn)值。背景圖像會隨著頁面其余部分的滾動而移動店诗。
- fixed 當(dāng)頁面的其余部分滾動時裹刮，背景圖像不會移動。
- inherit 規(guī)定應(yīng)該從父元素繼承 background-attachment 屬性的設(shè)置必搞。
2必指，background-color 設(shè)置元素的背景顏色。
- color_name 規(guī)定顏色值為顏色名稱的背景顏色（比如 red）恕洲。
- hex_number 規(guī)定顏色值為十六進(jìn)制值的背景顏色（比如 #ff0000）塔橡。
- rgb_number 規(guī)定顏色值為 rgb 代碼的背景顏色（比如 rgb(255,0,0)）。
- transparent 默認(rèn)霜第。背景顏色為透明葛家。
- inherit 規(guī)定應(yīng)該從父元素繼承 background-color 屬性的設(shè)置。
3泌类，background-image 設(shè)置元素的背景圖像癞谒。
- url('URL') 指向圖像的路徑。
- none 默認(rèn)值刃榨。不顯示背景圖像弹砚。
- inherit 規(guī)定應(yīng)該從父元素繼承 background-image 屬性的設(shè)置。
4枢希，background-position 設(shè)置背景圖像的開始位置桌吃。
- 描述
top left；top center苞轿；top right茅诱；center left；center center搬卒；center right瑟俭；bottom left；bottom center契邀；bottom right如果僅規(guī)定了一個關(guān)鍵詞摆寄，那么第二個值將是"center"。 - 坐標(biāo)%
x% y%第一個值是水平位置蹂安，第二個值是垂直位置椭迎。左上角是 0% 0%。右下角是 100% 100%田盈。如果僅規(guī)定了一個值畜号，另一個值將是 50%。 - 坐標(biāo)px
xpos ypos第一個值是水平位置允瞧，第二個值是垂直位置简软。左上角是 0 0蛮拔。單位是像素 (0px 0px) 或任何其他的 CSS 單位。如果您僅規(guī)定了一個值痹升，另一個值將是50%建炫。您可以混合使用 % 和 position 值。
5疼蛾，background-repeat 設(shè)置是否及如何重復(fù)背景圖像肛跌。
- repeat 默認(rèn)。背景圖像將在垂直方向和水平方向重復(fù)察郁。
- repeat-x 背景圖像將在水平方向重復(fù)衍慎。
- repeat-y 背景圖像將在垂直方向重復(fù)。
- no-repeat 背景圖像將僅顯示一次皮钠。
- inherit 規(guī)定應(yīng)該從父元素繼承 background-repeat 屬性的設(shè)置稳捆。
6，background-clip 規(guī)定背景的繪制區(qū)域麦轰。
- border-box 背景被裁剪到邊框盒乔夯。
- padding-box 背景被裁剪到內(nèi)邊距框。
- content-box 背景被裁剪到內(nèi)容框款侵。
7末荐，background-origin 規(guī)定背景圖片的定位區(qū)域。
- border-box 背景被裁剪到邊框盒新锈。
- padding-box 背景被裁剪到內(nèi)邊距框鞠评。
- content-box 背景被裁剪到內(nèi)容框。
8壕鹉，background-size 規(guī)定背景圖片的尺寸。
- length 設(shè)置背景圖像的高度和寬度
- percentage 以父元素的百分比來設(shè)置背景圖像的寬度和高度
- cover 把背景圖像擴(kuò)展至足夠大聋涨，以使背景圖像完全覆蓋背景區(qū)域
- contain 把圖像圖像擴(kuò)展至最大尺寸晾浴，以使其寬度和高度完全適應(yīng)內(nèi)容區(qū)域
二，透明度
1牍白，opacity 從 0.0 （完全透明）到 1.0（完全不透明）
透明度多使用在img標(biāo)簽上脊凰，屬于顏色屬性。
三茂腥，字體
font屬性之可以一個申明中設(shè)置所有字體屬性狸涌。
1，font-style 字體樣式
- normal 默認(rèn)值最岗。瀏覽器顯示一個標(biāo)準(zhǔn)的字體樣式
- italic 瀏覽器會顯示一個斜體的字體樣式
- oblique 瀏覽器會顯示一個傾斜的字體樣式
2帕胆，font-variant 小型大寫字母字體
- normal 默認(rèn)值 標(biāo)準(zhǔn)字體
- small-caps 瀏覽器會顯示小型大寫字母的字體
3，font-weight 設(shè)置文本的粗細(xì)
- bold 定義粗體字符
- bolder 定義更粗的字符
- lighter 定義更細(xì)的字符
-
100~900400 等同于 normal般渡，而 700 等同于 bold
4懒豹，font-size 字體尺寸
- 字符
xx-small芙盘；x-small；small脸秽；medium儒老；large；x-large记餐；xx-large驮樊；smaller ；larger 片酝；
把字體的尺寸設(shè)置為不同的尺寸囚衔，從 xx-small 到 xx-large，默認(rèn)值：medium钠怯。 - num-px 設(shè)置為一個固定的值
- num% 設(shè)置為基于父元素的一個百分比值
5佳魔，line-height 行高
- number 設(shè)置數(shù)字，此數(shù)字會與當(dāng)前的字體尺寸相乘來設(shè)置行間距
- length 設(shè)置固定的行間距
- % 基于當(dāng)前字體尺寸的百分比行間距
6晦炊，font-family 字體集
通用字體
- Serif 字體
Georgia, serif, "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, serif - Sans-Serif 字體
Arial, Helvetica, sans-serif, "Arial Black", Gadget, sans-serif - Monospace 字體
'Courier New', Courier, monospace, 'Lucida Console', Monaco, monospace
四鞠鲜，列表
1，list-style 列表標(biāo)記樣式
一次定義所有屬性值：.class {list-style:square inside url('/i/arrow.gif');}
2, list-style-type 標(biāo)記樣式
可設(shè)置圓断国，方塊贤姆，空心圓等等，更多樣式
3稳衬，list-style-position 標(biāo)記位置
- inside 列表項目標(biāo)記放置在文本以內(nèi)霞捡，且環(huán)繞文本根據(jù)標(biāo)記對齊
- outside 默認(rèn)值。保持標(biāo)記位于文本的左側(cè)薄疚。列表項目標(biāo)記放置在文本以外碧信，且環(huán)繞文本不根據(jù)標(biāo)記對齊
4，list-style-image 標(biāo)記圖片
- url('') 圖片位置
- none 默認(rèn)街夭。無圖形被顯示
五砰碴，定位
1，clear 清除浮動
設(shè)定元素的哪一側(cè)不允許其他浮動元素
- left 在左側(cè)不允許浮動元素
- right 在右側(cè)不允許浮動元素
- both 在左右兩側(cè)均不允許浮動元素
- none 默認(rèn)值板丽。允許浮動元素出現(xiàn)在兩側(cè)
2呈枉，cursor 光標(biāo)
設(shè)定要顯示的光標(biāo)的類型（形狀），可以設(shè)為text , pointer 等更多屬性值
3埃碱，display 塊類型
設(shè)定元素應(yīng)該生成的框的類型
- inline 內(nèi)聯(lián)元素
- block 塊級元素
- flex 使用flex布局
4猖辫，float 浮動
- left 左浮動
- right 右浮動
- none 不浮動
5，overflow 溢出
- visible 默認(rèn)值砚殿。內(nèi)容不會被修剪啃憎，會呈現(xiàn)在元素框之外
- hidden 內(nèi)容會被修剪，并且其余內(nèi)容是不可見的
- scroll 內(nèi)容會被修剪似炎，但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容
- auto 如果內(nèi)容被修剪荧飞，則瀏覽器會顯示滾動條以便查看其余的內(nèi)容
6凡人，position 位置設(shè)定
- absolute 生成絕對定位的元素，相對于 static 定位以外的第一個父元素進(jìn)行定位叹阔。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定挠轴，原來元素位置空間消失。
- fixed 生成絕對定位的元素耳幢，相對于瀏覽器窗口進(jìn)行定位岸晦。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。
- relative 生成相對定位的元素睛藻，相對于其正常位置進(jìn)行定位启上。因此，"left:20" 會向元素的 LEFT 位置添加 20 像素店印，保留原來元素位置空間冈在。
- static 默認(rèn)值。沒有定位按摘，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）
7包券，vertical-align 垂直對齊
該屬性定義行內(nèi)元素的基線相對于該元素所在行的基線的垂直對齊。
- top 把元素的頂端與行中最高元素的頂端對齊
- middle 把此元素放置在父元素的中部
- bottom 把元素的頂端與行中最低的元素的頂端對齊
六炫贤，表格
1溅固，border-collapse 邊框合并
- separate 默認(rèn)值。邊框會被分開兰珍。不會忽略 border-spacing 和 empty-cells 屬性
- collapse 如果可能侍郭，邊框會合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性
2掠河，caption-side 標(biāo)題位置
- top 表格頂部
- bottom 表格底部
3亮元，border-spacing 單元間距
設(shè)定單元格邊框間距
4，empty-cells 空單元格
是否顯示空單元格
- hide 隱藏
- show 顯示
七唠摹，文本
1苹粟，text-decoration 下滑線
- none 默認(rèn)。定義標(biāo)準(zhǔn)的文本跃闹。
- underline 定義文本下的一條線
- overline 定義文本上的一條線
- line-through 定義穿過文本下的一條線
- blink 定義閃爍的文本
2，text-indent 縮進(jìn)
- length 固定值
- % 定義基于父元素寬度的百分比的縮進(jìn)
3毛好，text-transform 大小寫
- capitalize 文本中的每個單詞以大寫字母開頭
- uppercase 定義僅有大寫字母
- lowercase 定義無大寫字母望艺，僅有小寫字母
