xhtml 常用標籤及其預設樣式

2021-08-15 05:02:49 字數 1395 閱讀 7227

首先先從標題標籤說起,常用的標題標籤有,這三個標籤都是塊標籤,且雙標籤。h1標籤的預設樣式是margin-top:21.44pxmargin-bottom:21.44pxfont-weight:boldfont-size:2em

h2標籤的預設樣式為margin-top:19.92px;margin-bottom:19.92px; font-weight:bold; font-size:1.5em。多用於模組標題。

h3標籤的預設樣式為margin-top;18.72px;margin-bottom:18.72px;font-weight:bold;

font-size:1.17em。我們後期進行seo搜尋引擎優化的時候,為了方便**復用,減少文件體積,會開發屬於我們自己風格的reset.css對某些標籤的預設樣式進行重置,對標題標籤的重置頂多把它們的上下margin重置掉,利於我們的布局。

然後就說到了p標籤,段落標籤,屬於塊標籤,且雙標籤。段落標籤內不能巢狀塊級標籤。它的預設樣式就是具有margin-top:16px;margin-bottom:16px

再是hr標籤,塊級標籤的單標籤。它是一條分割線。具有的預設樣式為:margin-top:8px;margin-bottom:8px;border:1px solid black

接著是列表標籤,先是有序列表,塊級標籤,雙標籤,不能單獨使用,必須跟一起使用。它的預設樣式為,margin: 16px 0;padding-left:40px;它的list-style-type:decimal;的預設樣式為display:list-item;這個比較特殊,需謹記。還有它的list-style-type:屬性會跟隨其父級的列表的list-style-type屬性值。

還有就是無序列表,亦是塊級標籤的雙標籤。它的預設樣式與有序列表相同,不同的是list-style-type:disc。它也是跟標籤一起使用的,不能單獨使用。

還有最後乙個字典列表,裡面包含兩個標籤。字典列表的預設樣式為margin:16px 0;塊級標籤的雙標籤。

兩個標籤都是塊級標籤,其中標籤具有預設的margin-left:40px

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,...

清除標籤的預設樣式

許多標籤多帶有預設樣式,有時候當我們使用它們時並不需要這些預設樣式,所以就要清除預設樣式。下面是幾種常見的方法 1 清除缺省內外邊距 html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,selec...

設定video標籤的預設樣式

使用chrome除錯,如下圖,在setting裡勾選框中選項 可以看到video標籤的控制欄dom結構,如下圖,修改對應的樣式即可 全屏按鈕 video webkit media controls fullscreen button video webkit media controls play ...