1.標準文件流
2.塊級標籤和行級標籤
塊級標籤
div、form、p、h1等
行級標籤
span、strong、input、img等
strong 文字加粗
塊級標籤和行級標籤都是盒子模型
3.盒子模型
都有的屬性border、margin、pading、content
四個值：上右下左，順時針方向
三個值：上（左右）下
兩個值：（上下）（左右）
乙個值：上下左右相同
4.樣式
優先順序（就近原則）：行內樣式》區域性樣式》全域性樣式
border:1px solid #000;
*5.盒子3d模型
從上倒下依次是：邊框—>內容、內邊距—>影象->背景色->外邊距
6.自動居中
margin：0 auto；上下外邊距為0，左右平分外邊距
7.浮動
使用場景：能夠實現橫向多列布局
float3個屬性值：left左浮動、right右浮動、none不浮動
清除浮動：
常用clear:both；或clear:left;或clear:right;//一般用於緊鄰後面的元素清除浮動
同時設定寬度width:100%（或者固定寬度）+overflow:hidden;
注：當元素沒有設定寬度值，而設定了浮動屬性，元素的寬度隨內容的變化而變化
當元素設定浮動屬性後，會對相鄰的元素產生影響，相鄰元素特指緊鄰後面的元素
當父包含塊縮成一條時，用clear:both方法清除浮動無效，它一般用於緊鄰後面的元素清除浮動
8.定位
position：靜態定位、相對定位、絕對定位
static靜態定位、relative相對定位、absolute絕對定位、fixed固定定位
relative定位：z_index屬性，產生層級，還處在標準文件流中
absolute定位：脫離標準文件流，寬度隨著內容的變化而變化
注：當乙個元素設定絕對定位，沒有設定寬度時，元素的寬度根據內容進行調節
無已定位祖先元素，以html標籤為偏移參照基準
有已定位的祖先元素，以距其最近的已定位祖先元素為偏移參照基準
2020 11 03 學習總結 css基礎4
網頁元素的狀態 在文件流中 不在文件流中 網頁元素在文件流中的特點 塊元素獨佔一行 從上到下排列 寬度預設是父元素的寬度 不能超過父元素寬度 高都預設被內容撐開 行元素不獨佔一行 從左到右依次排列 如果一行不能容納 則換行繼續從左到右依次排列 寬高預設被內容撐開none 預設值 不浮動 left 左...
CSS基礎總結
css cascading style sheets 層疊樣式表 用來為結構化文件 如html文件或xml應用 新增樣式 字型 間距和顏色等 css不能單獨使用，必須與html或xml一起協同工作，為html或xml起裝飾作用。rel stylesheet type text css href te...
CSS基礎總結
css細化知識點總結 1.行內樣式 只對它所修飾的元素起作用 語法 style 屬性1 值1 屬性2 值2.屬性n 值n 2.樣式的優先順序 當有多個樣式作用在同一元素上時，誰離元素近，就使用誰的樣式，即誰離得近，誰的優先順序高.3.長度單位em 1em就是當前乙個字型的尺寸，text indent...