CSS

CSS 重置 resetting 和標準化normalizing 的區別是什麼?

重置 resetting CSS 和 normalizing CSS 的區別是什麼? 因為每個瀏覽器預設的樣式都不一樣,也許A瀏覽器預設body是padding 2px、B瀏覽器預設body是padding 4px,但是我需要的是瀏覽器顯示:body的padding 0px,這時就可以使用resetting、normalizing來讓各瀏覽器的css效果,表面上看起來變得相同。 當然嚴格來說不是真的變相同,而是把resetting與normalizing作為第一個引入的css,他們覆蓋並統一瀏覽器預設樣式,好讓網頁設計師做其他覆蓋的樣式,在各瀏覽器預設也會相同。 先引入resetting、normalizing,

block、inline 和 inline-block 有什麼區別?

block、inlineblock和inline這兩個概念是簡略的說法完整的說法應該是block-level elements(塊級元素)和inline elements(內聯元素.block元素通常被現實為獨立的一塊,會單獨換一行內聯元素則前後不會產生換行,一系列內嵌元素都在一行內顯示,直到該行排滿。 * 常見block元素:div,form,table,p,pre,h1〜h6,dl,ol,ul,li等 * 常見inline元素有span,a,

CSS 權重

相同CSS權重(等級排序) 後者會覆蓋前者 * 米字號 * 0分 只要有任何CSS選擇器都可以蓋過他 * HTML元素 1分 直接使用div、h1、h2、p...etc,權重分數也很低 * class 10分 一般最常用的選擇器 自訂CSS並且HTML標籤上class=‘xxx’ css則寫.xxx{//略} * id 100分 一般不建議用的CSS選擇器

Episode

00:00:00 00:00:00