1. 每個塊級元素預設佔一行高度，一行內新增乙個塊級元素後無法一般無法新增其他元素（float浮動後除外）;
2. 兩個塊級元素連續編輯時，會在頁面自動換行顯示。塊級元素一般可巢狀塊級元素或行內元素 ;
常見塊級元素：
<1> div - 常用塊級容易，也是css layout的主要標籤
<2> dl - 定義列表
<3> h1 - h6 標題標籤
<4> hr - 水平分隔線
<5> menu - 選單列表
<6> ol - 排序表單
<7> p - 段落
<8> table - **
<9> ul - 非排序列表
1. 也叫內聯元素、內嵌元素等；行內元素一般都是基於語義級(semantic)的基本元素，只能容納文字或其
他內聯元素，常見內聯元素 「a」
常見的行內元素：
a - 錨點
b - 粗體(不推薦)
br - 換行
em - 強調
i - 斜體
img -
input - 輸入框
label - **標籤
select - 專案選擇
span - 常用內聯容器，定義文字內區塊
strong - 粗體強調
sub - 下標
sup - 上標
textarea - 多行文字輸入框
u - 下劃線
1. 將窗體自上而下分成一行行, 並在每行中按從左至右的順序排放元素,即為文件流 ；
2. css的定位機制有3種：普通流、浮動和定位 ;
3. 文件流：從上到下，從左到右，乙個挨乙個的簡單或者叫正常布局 ;
4. 定位：（position）
static：保持文件流 ;
relative：相對本身的原始位置發生位移且保持文件流，佔空間 ;
absolute：脫離文件流，不佔空間且相對於其包含塊來定位 ;
5. 浮動：（float）脫離文件流，不佔空間 ;
6. 以前總是覺得position：static這個屬性很多餘，它的作用就是讓元素保持文件流的;
我們預設是按流體布局
css定位機制 普通流：自上而下（有些行內元素預設從左至右的也算普通流） 浮動：從左至右或從右至左對齊
定位 position
static：保持文件流
relative：相對本身的原始位置發生位移且保持
浮動脫離文件流，不佔空間；
1. none - 此元素不會被顯示 ;
2. block - 顯示為塊級元素，此元素前後會帶有換行符 ;
3. inline - 預設 , 此元素會被顯示為內聯元素，元素前後沒有換行符 ;
css overflow屬性
1. overflow 屬性規定當內容溢位元素框時發生的事情 ;
2. 這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll，不論是否需要使用者**都會提供
一種滾動機制 ;
3. 有可能即使元素框中可以放下所有內容也會出現滾動條 ;
1.兩列自適應寬度
2.由於div為塊狀元素，預設情況下佔據一行的空間，想要下面的div跑到右側就需要借助css的浮動來實現
3.兩列固定寬度
4.兩列固定寬度居中
1. 三列自適應寬度 （左列和右列固定，中間列根據瀏覽器寬度自適應）;
2. 三列固定寬度 ;
3. 三列固定寬度居中 ;
body 上下居中對齊
opacity:0.5;(0~1)
filter:alpha(opacity=50);(1~100)（相容寫法，與上面的opacity對應）
background
CSS（五）CSS復合樣式
乙個css屬性只控制一種樣式，叫做單一樣式。乙個css屬性控制多種樣式，叫做復合樣式。復合的寫法，是通過空格的方式實現的。復合寫法有的是不需要關心順序，例如background border 有的是需要關心順序，例如font。1.backgroud red url repeat 0 0 2.bord...
CSS簡單樣式練習（五）
執行效果 源 1 doctype html 2 html lang zh 3 head 4 meta charset utf 8 5 title 春天 title 6 style type text css 78 1314body 1819 title 2425 container 2930 tex...
css背景樣式css背景樣式
css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中，要為某個物件加上背景色只有一種辦法，那就是先做乙個 在 中設定完背景色...