(5)HTML CSS筆記(樣式)

2021-09-25 13:45:42 字數 1325 閱讀 5459

1、樣式初始化:

把你所有瀏覽器自帶的預設樣式來進行處理;

可用 群組選擇器:如果有共同的樣式,可以使用群組選擇器歸類。

body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,p
2、display(樣式型別)

block 塊級樣式

inline 內聯/行內樣式

區分block與inline的特點:

block 塊級樣式:

獨佔一行

支援寬高

支援padding,margin

inline 內聯/行內樣式:

橫排顯示

不支援寬高

支援水平方向的margin,不支援垂直方向的margin

支援padding,垂直方向會出現詭異問題(會佔位)

會解析乙個空格的字元

我是div標籤

我是p標籤

/* 被第乙個span擋住了 */

我是span標籤1

我是span標籤2

3、樣式型別轉換

行內樣式與塊級樣式之間可以進行樣式轉換。

我是div標籤

我是p標籤

我是span標籤1

我是span標籤2

this is mydiv

this is myspan

4、行內塊元素

inline-block:行內塊元素

特點:支援寬高

橫排顯示

支援margin

支援padding

會解析乙個空格的字元

this is mydiv1

this is mydiv1

this is span

this is span

5、cursor 滑鼠樣式:

pointer 小手指樣式

auto 自動

default 預設樣式

move 移動

text 文字樣式

wait 等待

help 幫助

我是a標籤

我是div標籤

move

text

wait

help

new

HTML CSS網頁樣式筆記

模板 後台資料庫模板 模板之家 原始碼之家 文字樣式 偽類列表 背景漸變色 盒子模型 display 浮動overflow z index 圖層 標籤名.類名 id名 span標籤大多用來突出主題類的字型 字型設定 font family 宋體 字型大小 font size 20px 字型粗細 fo...

HTML CSS學習筆記5

1 元素分類 內聯元素 在html中,就是典型的內聯元素 行內元素 當然塊狀元素也可以通過 display iline將元素設定為內聯元素。如下 就是將塊狀元素div轉為內聯元素,從而使div元素具有內聯元素的特點 div display inline 內聯元素特點 1 和其他元素都在一行上 2 元...

HTML CSS樣式總結

2.行內式 內聯式 3.id選擇器 4.類,偽類.屬性選擇器 5.標籤選擇器 css樣式新增選擇器 多 控制項 選擇器 提公升指定樣式規則的應用優先權,即 important為開發者提供了乙個增加樣式權重的方法,讓瀏覽器首選執行這個語句。color blue 這是一行文字 說明 寫在標籤內的樣式 b...