單標籤、雙標籤。
行標籤:span、a、img、input、b、i、u、s、sub、sup。
特性:a:在一行展示;b:不可以設定寬高;c:垂直方向margin、padding值有問題;d:行標籤只能巢狀行標籤;a標籤只能巢狀a標籤。
居中:給父標籤新增text-align:center;
塊標籤:div,p,h1~h6,br,hr,ul,ol,li。
特性:a:獨佔父級一行;b:塊標籤可以巢狀塊標籤和行標籤;c:可以設定寬高,預設內容撐開;不設定高度時,預設由內容撐開;e:p標籤和h1~h6標籤不能巢狀塊標籤。
特性:居中給本身新增margin:0 auto。
display:inline-block
display:block
display:inline
設定:float :left / right
特性:a:不佔文件流;b.可以設定寬高,預設內容撐開寬高;c.設定浮動後,就是浮動元素,不再是單純的行標籤或者是塊標籤 。
清浮動a.給父級新增overflow:hidden,在ie6不好用,給父級新增zoom:1。
b.浮動元素同級最後新增空標籤,設定樣式clear:both。
c.父級設定浮動,注意父級會脫離文件流
d.父級設定高度 擴充套件性不好
e.父級設定display:inline-block
注意:a:分塊 清浮動。
b:如果乙個設定浮動,同級兄弟都要浮動。
c:最早解決文字環繞問題。
固定定位
固定定位:position:fixed
特性:a.不佔文件流
b.改變標籤的特性
c.可以設定寬高,預設內容撐開寬高
d.適用於:導航條 廣告等
e.相對於瀏覽器視窗進行定位
相對定位
相對定位:position:relative
特性:a.不脫離文件流
b.相對於自身定位
c.不改變標籤的特性
d.一般給絕對定位做父級使用
e.自身微調
絕對定位
絕對定位:position:absolution
特性:a.脫離文件流
b.相對於最近的父級標籤中設定絕對(相對)定位元素定位,如果所有父級標籤沒有設定定位,相對於瀏覽器視窗進行定位
c.改變標籤特性
d.用於堆疊效果
z-index
改變堆疊順序:z-index
特性:a:值越大,層級越高
b:僅限兄弟標籤使用
外部引入
a:建立字尾為.css的檔案
b:link->href
內部引入:head->style->選擇器
行間樣式
類選擇器 class
id選擇器 ;id 文字中類名不重複
標籤選擇器
後代選擇器 使用逗號隔開
群組選擇器 主要優先順序
萬用字元選擇器 *
引數
border=> solid dotted dashed
padding
margin
css的兩種盒模型
ie盒子模型、w3c盒子模型
盒模型標準
內容(content)、內邊距(padding)、邊框(border)、外邊距(margin)。
區分
w3c盒子模型的範圍包括 margin、border、padding、content,並且 content 部分不包含其他部分。width = content的寬度。
ie盒子模型的範圍包括 margin、border、padding、content,並且 content 部分包括含其他部分。width = content + border + padding的寬度。
切換盒模型
css3的box-sizing屬性的使用。
ie盒子模型:box-sizing: border-box;
w3c盒子模型:box-sizing: content-box;
audio
audio 音訊標籤
audio的屬性:controls顯示音訊控制項
video
1.標籤:
Html 基礎知識
1 html常用簡單複習 2 文字相關標籤 color size face align 預格式文字,讓文字保持原來風格,英雄本色 特殊字元 3 超連結 href target blank 相對路徑 絕對路徑 c documentsand settings administrator 桌面 nonam...
HTML基礎知識
html標籤分為兩種 單標籤和雙標籤 單標籤 用於一些特殊的含義 br 換行,hr 水平線。雙標籤 用來封裝資料,展示特殊的格式 如一些特殊的字型 大小 顏色 font body html都是以html作為根標籤,然後是head和body。一般head標籤裡去寫title meta標籤。其中titl...
html 基礎知識
html 軟體的結構 c s client server 結構的軟體 比如 qq 極品飛車 飛信 迅雷 cs結構軟體的優點 減輕服務端的壓力,而且可以大量儲存資料在客戶端。b s browser server 結構的軟體 比如 微博 webqq web飛信 web迅雷 缺點 增加了服務端的壓力,bs...