lesson07_csslamp_a06_css3

1、CSS3課件講師：預(yù)習(xí)檢查n 內(nèi)補白 CSS相關(guān)屬性n 外補白 CSS相關(guān)屬性n 背景CSS相關(guān)屬性n 表格 CSS相關(guān)屬性上一章知識點復(fù)習(xí)n color顏色n Font字體n text文本n List列表n content內(nèi)容n border邊框本章學(xué)習(xí)內(nèi)容n Dimension尺寸n background背景n 內(nèi)部白 paddingn 外補白 marginn Position定位n 布局 layoutn 彈性盒子 flexboxn User Interface 用戶界面n 多欄background背景屬性說明background復(fù)合屬性。設(shè)置或檢索對象的背景特性background-re

2、peat設(shè)置或檢索對象的背景圖像如何鋪排填充background-attachment設(shè)置或檢索對象的背景圖像是隨對象內(nèi)容滾動還是固定的background-position設(shè)置或檢索對象的背景圖像位置background-origin設(shè)置或檢索對象的背景圖像顯示的原點background-clip檢索或設(shè)置對象的背景向外裁剪的區(qū)域background-size檢索或設(shè)置對象的背景圖像的尺寸大小Multiple background檢索或設(shè)置對象的多重背景圖像內(nèi)補白屬性說明padding檢索或設(shè)置對象四邊的內(nèi)部邊距padding-top檢索或設(shè)置對象頂邊的內(nèi)部邊距padding-right檢索

3、或設(shè)置對象右邊的內(nèi)部邊距padding-bottom檢索或設(shè)置對象底邊的內(nèi)部邊距padding-left檢索或設(shè)置對象左邊的內(nèi)部邊距外補白屬性名稱說明margin檢索或設(shè)置對象四邊的外延邊距margin-top檢索或設(shè)置對象頂邊的外延邊距margin-right檢索或設(shè)置對象右邊的外延邊距margin-bottom檢索或設(shè)置對象底邊的外延邊距margin-left檢索或設(shè)置對象左邊的外延邊距Position定位屬性名稱說明position定位方式z-index層疊順序top最近一個定位的父對象頂部相關(guān)的位置right設(shè)置對象與其最近一個定位的父對象右邊相關(guān)的位置bottom設(shè)置對象與其最近一個

4、定位的父對象底邊相關(guān)的位置left設(shè)置對象與其最近一個定位的父對象左邊相關(guān)的位置Layout布局display是否及如何顯示float浮動。clear該屬性的值指出了不允許有浮動對象的邊visibility是否顯示對象。與display屬性不同，此屬性為隱藏的對象保留其占據(jù)的物理空間clip設(shè)置對象的可視區(qū)域overflow內(nèi)容超過其指定高度及寬度時如何管理內(nèi)容overflow-x內(nèi)容超過其指定寬度時如何管理內(nèi)容overflow-y設(shè)置當(dāng)對象的內(nèi)容超過其指定高度時如何管理內(nèi)容Flexible Box 彈性盒子box-orient設(shè)置或檢索彈性盒模型對象的子元素的排列方式。box-pack設(shè)置或

5、檢索彈性盒模型對象的子元素的對齊方式。box-align設(shè)置或檢索彈性盒模型對象的子元素的對齊方式。box-flex設(shè)置或檢索彈性盒模型對象的子元素如何分配其剩余空間。box-flex-group設(shè)置或檢索彈性盒模型對象的子元素的所屬組。box-ordinal- group設(shè)置或檢索彈性盒模型對象的子元素的顯示順序。box-direction設(shè)置或檢索彈性盒模型對象的子元素的排列順序是否反轉(zhuǎn)。box-lines設(shè)置或檢索彈性盒模型對象的子元素是否可以換行顯示。用戶界面 User Interfacecursor鼠標(biāo)指針采用何種系統(tǒng)預(yù)定義的光標(biāo)形狀。zoom設(shè)置或檢索對象的縮放比例box-sizi

6、ng設(shè)置或檢索對象的盒模型組成模式。resize設(shè)置或檢索對象的區(qū)域是否允許用戶縮放，調(diào)節(jié)元素尺寸大小。多列 Multi-columncolumns設(shè)置或檢索對象的列數(shù)和每列的寬度column-width設(shè)置或檢索對象每列的寬度column-count設(shè)置或檢索對象的列數(shù)column-gap設(shè)置或檢索對象的列與列之間的間隙column-rule設(shè)置或檢索對象的列與列之間的邊框column-rule-width設(shè)置或檢索對象的列與列之間的邊框厚度column-rule-style設(shè)置或檢索對象的列與列之間的邊框樣式多列 Multi-column屬性說明column-rule-color對象的列與列之間的邊框顏色column-span象元素是否橫跨所有列column-fill對象所有列的高度是否統(tǒng)一column-break- before對象之前是否斷行column-break-after對象之后是否斷行column-break-inside對象內(nèi)部是否斷行用戶界面 User Interfaceoutline設(shè)置或檢索對象外的線條輪廓outline-width設(shè)置或檢索對象外的線條輪廓的寬度outline-style設(shè)置或檢索對象外的線條輪廓的樣式outline-color設(shè)置或檢索對