html標籤預設屬性樣式及瀏覽器預設樣式

2021-08-08 03:00:07 字數 3188 閱讀 2524

html,address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2,h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre

/*以上列表元素預設狀態下以塊狀顯示,未顯示的將以內聯元素顯示,該列表針對html4版本,部分元素在xhtml1中將廢棄*/

li

`/*預設以列表顯示*/`

head

/*預設不顯示*/

table

/*預設為**顯示*/

tr/*預設為**行顯示*/

thead

/*預設為**頭部分組顯示*/

tbody

/*預設為**行分組顯示*/

tfoot

/*預設為**底部分組顯示*/

col/*預設為**列顯示*/

colgroup

/*預設為**列分組顯示*/

td, th

/*預設為單元格顯示*/

caption

/*預設為**標題顯示*/

th/*預設為**標題顯示,呈現加粗居中狀態*/

caption

/*預設為**標題顯示,呈現居中狀態*/

body

h1h2

h3h4, p,blockquote, ul, fieldset, form, ol, dl, dir, menu

h5h6

h1, h2,h3, h4, h5, h6, b,strong

blockquote

i, cite,em,var, address

pre, tt,code, kbd, samp

prebutton,textarea, input, object, select

bigsmall,sub, sup

sub/*定義sub元素預設為下標顯示*/

sup/*定義sub元素預設為上標顯示*/

table

thead,tbody, tfoot

/*定義表頭、主體表、表腳元素預設為垂直對齊*/

td, th

/*定義單元格、列標題預設為垂直對齊預設為繼承*/

s, strike,del

/*定義這些元素預設為刪除線顯示*/

hr/*定義分割線預設為1px寬的3d凹邊效果*/

ol, ul,dir, menu, dd

olol

ul, ulol, ul

ul, ol

olu, ins

br:before

/*定義換行元素的偽物件內容樣式*/

:before,:after

/*定義偽物件空格字元的預設樣式*/

center

abbr,acronym

:link,:visited

:focus

/* beginbidirectionality settings (do not change) */

bdo[dir="ltr"]

/*定義bdo元素當其屬性為dir="ltr"時的預設文字讀寫顯示順序*/

bdo[dir="rtl"]

/*定義bdo元素當其屬性為dir="rtl"時的預設文字讀寫顯示順序*/

*[dir="ltr"]

/*定義任何元素當其屬性為dir="ltr"時的預設文字讀寫顯示順序*/

*[dir="rtl"]

/*定義任何元素當其屬性為dir="rtl"時的預設文字讀寫顯示順序*/

@mediaprint

h1, h2,h3, h4, h5, h6

ul, ol, dl

}

瀏覽器預設樣式

1.頁邊距

ie預設為10px,通過body的margin屬性設定

ff預設為8px,通過body的padding屬性設定

要清除頁邊距一定要清除這兩個屬性值

**如下:

body

2.段間距

ie預設為19px,通過p的margin-top屬性設定

ff預設為1.12em,通過p的margin-bottom屬性設

p預設為塊狀顯示,要清除段間距,一般可以設定

**如下:

p

3.標題樣式

h1~h6預設加粗顯示:font-weight:bold;。

預設大小請參上表

還有是這樣的寫的

**如下:

h1

h2h3

h4h5

h6

個大瀏覽器預設字型大小為16px,即等於medium,h1~h6元素預設以塊狀顯示字型顯示為粗體,

要清除標題樣式,一般可以設定

**如下:

hx

4.列表樣式

ie預設為40px,通過ul、ol的margin屬性設定

ff預設為40px,通過ul、ol的padding屬性設定

dl無縮排,但起內部的說明元素dd預設縮排40px,而名稱元素dt沒有縮排。

要清除列表樣式,一般可以設定

**如下:

ul, ol, dd

5.元素居中

ie預設為text-align:center;

ff預設為margin-left:auto;margin-right:auto;

6.超連結樣式

a 樣式預設帶有下劃線,顯示顏色為藍色,被訪問過的超連結變紫色,要清除鏈結樣式,一般可以設定

**如下:

a

7 滑鼠樣式

ie預設為cursor:hand;

ff預設為cursor:pointer;。該宣告在ie中也有效

8 鏈結樣式

ie預設為紫色2px的邊框線

ff預設為藍色2px的邊框線

要清除鏈結樣式,一般可以設定

img

HTML標籤預設CSS屬性

html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,h2,h3,h4,h5,h6,noframes,ol,p,ul,center,dir,hr,menu,pre lihead table trthead ...

IE 谷歌 火狐瀏覽器相容性 預設屬性樣式總結

1 去掉input框中自動新增的 x 和 眼睛圖示 情境 在 ie 瀏覽器下的 input 框中,輸入內容時 1 type text 會自動生成乙個 x。2 type password 會自動生成乙個眼睛的圖示。解決 有時為了保證瀏覽器之間的一致性,就需要將這個樣式取消掉 去掉ie input x ...

標籤的屬性及樣式

用簡單的 hr 語句就能實現多樣化的分割效果 最基本的 其中 width 規定線條的長度,還可以是百分比 color 表示顏色,size 表示厚度 align 規定線條位置,有left right center noshade 表示是否有立體效果。兩頭漸變透明 右邊漸變透明 畫虛線 畫雙線 立體效果...