HTML的各個標籤的預設樣式

2021-07-17 00:22:16 字數 2630 閱讀 8145

**:
head

body

button, textarea,input, object,select

ol, ul, dir,menu, dd

i, cite, em,var, address

//塊級元素

html, body, div,ol, p, ul, h1, h2,h3,h4,h5, h6,

address,blockquote, form,

dd,dl, dt, fieldset, frame, frameset,noframes,center, dir, hr, menu, pre

//列表元素

liol

ol ul, ul ol,ul ul, ol ol

//標題

h1h2

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

h5 h6

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

//偽類

br:before

:before, :after

:link, :visited

:focus

//**

table

trthead

tbody

tfoot

colcolgroup

td, th

caption

thcaption

table

thead, tbody,tfoot

td, th

//其它元素

blockquote

pre, tt, code,kbd, samp

prebig

small, sub, sup

subsup

s, strike, del

hru, ins

center

abbr, acronym

bdo[dir="ltr"]

bdo[dir="rtl"]

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

*[dir="ltr"]

*[dir="rtl"]

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

@media print

h1, h2, h3,h4, h5, h6

ul, ol, dl

} /*定義標題和列表預設的列印樣式*/

頁邊距

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

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

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

body

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

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

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

p

標題樣式

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

預設大小請參上表

還有是這樣的寫的

h1

h2h3

h4h5

h6

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

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

hx

列表樣式

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

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

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

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

ul, ol, dd

元素居中

ie預設為text-align:center;

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

超連結樣式

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

a

滑鼠樣式

ie預設為cursor:hand;

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

鏈結樣式

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

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

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

img

HTML5常用標籤的預設樣式

head body button,textarea,input,object,select ol,ul,dir,menu,dd i,cite,em,var,address 塊級元素 html,body,div,ol,p,ul,h1,h2,h3,h4,h5,h6,address,blockquote,...

html預設的樣式

各種html標籤 h1 h6,p,ul,ol,dl 即使沒有給他們定義樣式屬性值,他們在瀏覽器中顯示時,也會具有各種樣式屬性 主要是字型大小和各種間距 這是因為瀏覽器和css給這些標籤設定了預設的樣式屬性值,各種版本的瀏覽器和css可能略有差別,下面列舉的是firefox 1.5 和css 2.1 ...

清除html和css標籤自帶的預設樣式

在我們編寫前端頁面的時候,html和css標籤有時候會自帶一些格式,我們一般習慣性把自帶格式全部清除,在需要的時候再自己寫上,這樣 的可讀性更加的高,也不會把自己搞混淆。html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fields...