web前端-CSS基礎(chǔ)知識點總結(jié)

CSS(cascadingstylesheet)漢譯為層疊樣式表(層疊性),是?于控制?頁樣式p{width:100px;height:200px;}<form></form>method='get/post'maxlength：控制最多輸?的字符數(shù)，5)空按鈕1:部樣式表不可繼承的：display、margin、border、padding、background、height、min-height、max-height、、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align內(nèi)聯(lián)元素可繼承：letter-spacing、word-spacing、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform。塊狀元素可繼承：text-indent和text-align列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image。盒模型組成=content(內(nèi)容)+padding(內(nèi)填充)+border(邊框)+margin(外邊距)padding內(nèi)填充padding-top/bottom/left/rightpadding:30px;四周padding:10px30px;上下左右padding:10px30px50px上左右下padding:10px30px50px100px上右下左margin-left/right/top/bottommargin:30px;四周margin:10px30px;上下左右margin:10px30px50px上左右下margin:10px30px50px100px上右下左擴(kuò)展：scroll-behavior:smooth;1、display:flex、inline-flex2、flex-direction屬性決定主軸的?向（即項?的排列?向）flex-direction:row|row-reverse|column|column-reverse;flex-wrap:nowrap|wrap|wrap-reverse;4、flex-flow5、justify-content屬性定義了項?在主軸（）上的對齊?式。justify-content:flex-start|flex-end|center|space-between|space-around;align-items:flex-start|flex-end|center|baseline|stretch（默認(rèn)值）;align-content:flex-start|flex-end|center|space-between|space-around|stretch;1、align-self屬性InternetExplorer和Safari瀏覽器不?持align-self屬性說明：align-self屬性規(guī)定靈活容器內(nèi)被選中項?的對齊?式。注意：align-2、order3、flex「flex:auto」,則其計算值為「11auto」flex:none」,則其計算值為「00auto」