盒子模型
浮動定位
邊框
border: border-width || border-style || border-color
div//修改input的邊框
input
table,tdpadding: 0px 18px; 上下 左右
padding:10px 20px 30px; 上 左右 下
padding:10px 20px 30px 40px; 上 右 下 左
1.我們要求盒子是200200
2.但是padding會撐開盒子
3.那麼怎麼保證盒子是200200呢？
4.答 做減法
盒子水平居中
文字 行內元素 行內塊元素 都可以通過 text-align:center
margin: 0 auto; //上下為0 ， 左右居中
margin-left:auto;
margin-right:auto; //auto 表示 自動充滿
//注意 必須是塊元素，且有寬度
* 外邊距合併
當兩個塊都分別 設定裡 margin-bottom ， margin-top， 則兩個塊的間距不疊加，以最大的為準。1. 增加border-top 或者padding-top
2. overflow:hidden
當盒子沒有指明寬度border-radius:50%;
border-radius: 10px 0
box-shadow: h-shadow v-shadow blur spread color
transition : all 1s //動畫
標準流： 塊元素獨佔一行，自上而下 依次排開。
浮動：是的標籤元素層級發生了變化
浮動的特性
1，浮動脫離了標準流，不佔位置（影響其後面的兄弟的布局）
2. 浮動不能越過其父容器的padding和border
3. float:left ; 顯示預設轉換為 行內塊 的特性
版心和布局流程
版心（可視區）
布局流程：
1.確定版心大小
2.確定行塊
3.確定html布局
專案注意點
li為什麼要清楚浮動？
當父親沒有高度，且兒子浮動，則父親的高度為0；清除浮動的目的就是 讓父親包圍著孩子
清除浮動的方法
a. 額外標籤法
.father
.big
.small
.footer
.clear
//額外標籤法清除浮動
.father.clearfix:after
.clearfix
.clearfix:before,.clearfix:after
.clearfix:after
.clearfix
background-position //背景定位懸浮，且可以排版到任何位置
屬性定位模式和邊偏移
上下左右
static relative abslute fixed；
static 定位： 預設；唯一的作用：取消定位
relative 定位：以自己的位置為基礎，進行移動；但是原理的位置繼續占有
absolute 絕對定位 不佔位置， （若父親沒有定位）以當前螢幕的位置為基準。（若父親有定位），則以最近的父輩為基準。
子絕父相
通常的最佳實踐就是：子是絕對位置，父親是相對位置。浮動不是完全 調標，因為字型不會被遮蓋住，需要使用定位。加了定位或者浮動的盒子，margin auto就失效了
.center
在瀏覽器窗體中，不受父親約束當盒子有浮動或者定位（absolute fixed），其顯示模式會轉換為行內塊只有定位盒子，才有該屬性CSS三大特性
css三大特性 1.繼承性 作用 子元素可以繼承父元素的樣式 text font line 這些元素開頭的都可以繼承，以及color屬性 特殊性 1 a標籤的字型顏色不能繼承，必須對a標籤自定義字型顏色才能修改 2 h1 h6標籤的字型大小不能繼承，必須對標籤自身修改字型大小才有效。我是div1中的...
CSS三大特性
樣式具有繼承性，一般有關text line font 都能夠繼承。a標籤的顏色不能繼承 繼承title type text css div1 字型和顏色被繼承偽類但是邊框沒有 style head id div1 這是div1中的內容 id div22 這是div2中的內容 div div body...
CSS三大特性
1.繼承 子代可以直接使用父代的某些樣式 特徵 當然有些可以繼承，有些不能繼承。例 介是div1的內容 介是div1的後代div2中的內容 結果為 div2同樣繼承了div1的樣式。div2雖然沒有設定這樣的樣式，但是實際上卻使用了該樣式。說明它的樣式從它的父代div1那裡繼承而來。但是並不是所有的...