HTML元素的預設樣式

2022-07-28 23:45:21 字數 505 閱讀 9074

為什麼需要預設樣式?

在html發展初期,還沒有css檔案,另外,css檔案可能不能載入,所以這裡預設樣式就是必要的。

預設樣式帶來的問題,會影響我們寫css,需要我們覆蓋預設樣式。還有一些預設樣式是很難覆蓋的,比如下拉框的預設樣式,是很難去覆蓋的。

demo2-7.html

div元素

既然元素預設樣式有這麼多問題,我們通常會進行css reset(實踐總結)。

比如把ol, ul

大同小異

還有乙個經常使用的。直接把所有margin和padding為0

css reset的思路是把一些帶來麻煩的預設樣式乾掉,麻煩包括預設樣式不好看,還有瀏覽器對於預設樣式不統一。

關於瀏覽器對於html元素的預設樣式不統一的解決方案,css reset是直接清0,直接乾掉。

還有另外一種思路,把不統一的樣式換成統一的,只是normalize.css這個css庫幹的事。

html預設的樣式

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

HTML預設樣式重置

doctype html utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge default style title 表示所有元素 style head 一般開發都會先...

HTML的各個標籤的預設樣式

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