html基礎知識Tips

2021-10-04 20:19:08 字數 2308 閱讀 7592

單標籤、雙標籤。

行標籤: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...