css 是開放網路的核心語言之一，由 w3c 規範 進行標準化。css 被分為不同等級：css1 現已廢棄， css2.1 是推薦標準， css3 分成多個小模組且正在標準化中。各個模組都在不斷公升級中，css文件
1、若父元素沒有寫height，則直接在父元素寫
padding: 10px 0;2、讓子元素在父元素中絕對居中
方法一：給父元素加
position
:relative;
//如果不給父元素加relative，子元素的絕對定位absolute
//會一直向上找設定了relative的元素邊界，直到body元素。
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
，即無特殊定位。
方法二：在支援彈性盒子flex的瀏覽器使用，最簡單的。
給父元素加：
display
: flex;
//彈性盒子的設定
justify-content
: center;
//水平居中
align-items
: center;
//垂直居中
3、table中的**居中以及**中的內容居中（相容ie）
**內容居中，給td(或者tr)元素新增css樣式：
align="center";//水平居中
valign="middle";//垂直居中
給**設定乙個寬度，新增 margin：0px auto
**水平垂直居中：**套**
width="760"
height="100%"
align="center"> //居中用的**
align="center"> //水平居中，因為**內容預設垂直居中故省略
width="200"
height="300"> //實際做的**
前端快樂td>
tr>
table> //實際做的**
div>
td>
tr>
table> //居中用的**
例如：給父元素設定 display：table
給子元素設定display:table-cell；vertical-align:middle可實現子元素內容水平垂直居中
5、用100%高度的before和after
.parent
.child
.parent
:before
.parent
:after
.parent
.child
7、讓背景圖居中並且自適應螢幕
//水平和垂直居中
background-size
: cover;1.塊級元素水平居中
margin-left
:auto;
margin-right
:auto;
text-align:center;vertical-align: top;a、給所有li加上float:left;，然後給父元素ul加上class:clearfix
.clearfix
::after
b、讓li在同一行裡水平均勻分布
ul
給所有的css標籤寫上顯形**：
border
:1px solid red;
1.文件流是指文件內元素的流動方向：內聯元素——從左到右，不夠換行
塊級元素——每個塊佔一行，從上往下流
2.div高度（塊級元素）由其內部文件流的高度總和決定（不是相等）
3.脫離文件流
相對於視窗定位：position:fixed
相對於父級元素定位：父元素position:relative；子元素：position:absolute
子元素此時表現為display：block
*
*,*::before,
*::after
aul,ol
button
height是指元素高度，而line-height是指行高，行內元素是可以設定行高的
CSS 常用布局
1.寬度100 自適應視窗寬度 content content 只是定義了寬度為100 背景為白色與body色加以區分 footer footer 2.寬度100 最小定寬780px content content 只是定義了寬度為100 背景為白色與body色加以區分 這個布局中我們使用了min ...
css常用布局
單列布局長這個樣子，主要有兩種 普通單欄，通欄的單欄布局 比較簡單，設定 定寬 水平居中即可 頭部 內容尾部 執行結果鏈結描述 瀏覽器寬度超過960px時，外margin出現。當收縮瀏覽器寬度，小於960px時，margin為0，出現滾動條。執行結果鏈結描述 在header 和footer上再包裹一...
css常用布局
以下居中布局均以不定寬為前提，定寬情況包含其中 1 水平居中 a inline block text align tips 此方案相容性較好，可相容至ie8，對於ie567並不支援inline block，需要使用css hack進行相容 b table margin tips 此方案相容至ie8，...