HTML5常用標籤的預設樣式

2021-08-14 07:53:05 字數 2374 閱讀 1173

**:

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

//列表元素

li ol

ol ul, ul ol,ul ul, ol ol

//標題

h1 h2

h3 h4, 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

tr thead

tbody

tfoot

col

colgroup

td, th

caption

th caption

table

thead, tbody,tfoot

td, th

//其它元素

blockquote

pre, tt, code,kbd, samp

pre

big

small, sub, sup

sub

sup

s, strike, del

hr u, 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

h2

h3

h4

h5

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常用標籤

1 html5標籤 2 html5常用元素 1 max 規定允許的最大值 min 規定允許的最小值 step 規定合法的數字間隔 valut 規定預設值 range 滾動條數字輸入域 date pickens日期選擇器 date 選取日 月 年 month 選取月 年 week 選取周和年 time...

html5標籤css3的常用樣式

href 路徑 src 路徑 標籤的屬性 border 邊框 cellspacing 外邊距 cellpadding 內邊距 align 位置 bgcolor 背景色 bordercolor 邊框顏色 table中 colspan 跨2列 rowspan 跨 行 type值 text 文字 pass...

HTML5常用標籤儲備

1.用於加粗中間的內容 2.單個標籤,用於換行 3.段落標籤,內容為一段,內容前後會自動加上一行空格 4.到標題1到標題5,總共有五組標籤,分別對應從大到小的標題 5.居中標記,可以將包裹的內容居中顯示 6.和均為檔案列表標記,前者每個列表元素前面是乙個點,而後者會自動給每行編個序號,列表中的每個元...