清除標籤的預設樣式

2021-08-22 10:34:59 字數 690 閱讀 4951

許多標籤多帶有預設樣式,有時候當我們使用它們時並不需要這些預設樣式,所以就要清除預設樣式。下面是幾種常見的方法:

(1)清除缺省內外邊距

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select      // 推薦使用

或者*    // 大型專案不推薦使用萬用字元,會使瀏覽器的執行速度變慢

(2)清除ul / ol的預設樣式:

ul,ol

(3)清除超連結a的預設樣式

a

(4)清除input的預設樣式

input

(5)清除標題標籤(h1-h6)的預設樣式

h1,h2,h3,h4,h5,h6 

(6)清除em、strong標籤的預設樣式

em,strong

(7)清除button的預設樣式

button

能想起來的就這麼多了!

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

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

CSS 清除預設樣式

通常有以下幾句就夠了 liimg 如果你想寫全也可以 清除內外邊距 body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,structural elements 結構元素 dl,dt,dd,ul,ol,li,list elements 列表元素 pre,text format...

設定video標籤的預設樣式

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