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