原创 是什麼,它的作用是什麼

在HTML文檔的首部往往會有這麼一句話<!DOCTYPE html>,許多時候我們忽視了它的存在,它實際上是一個聲明,告訴瀏覽器用哪種HTML版本的規範來解讀HTML文檔。 儘管我們不給出這句聲明瀏覽器照樣會將HTML文檔呈現出來,但是由

原创 <!DOCTYPE html> 是什麼,它的作用是什麼

在HTML文檔的首部往往會有這麼一句話<!DOCTYPE html>,許多時候我們忽視了它的存在,它實際上是一個聲明,告訴瀏覽器用哪種HTML版本的規範來解讀HTML文檔。 儘管我們不給出這句聲明瀏覽器照樣會將HTML文檔呈現出來,但是由

原创 盒模型的外邊距疊加

有時候在使用margin-top或者margin-bottom時,發現加上去的margin-top或者margin-bottom值不起作用了,其中的原因有可能就是發生了外邊距疊加。這在普通文檔流中經常會出現。行內框,浮動框,或者絕對定位框

原创 css的高級選擇器

css的高級選擇器應該要慎重使用,因爲它有可能會帶來瀏覽器兼容性的bug,對於HTML中一些重要的元素上要儘量使用更爲穩妥的選擇器。記得之前在某電商寫代碼時用了一個nth-child()選擇器,結果測試時發現在IE8上出現了一些樣式沒有給

原创 小談CSS清除浮動

一般有以下兩種情況需要清除浮動: 情況A,你有一個父div,它的高度你沒有設置,或者是auto,父元素如果只包含沒有浮動的元素,那麼它的高度會被子元素的寬高撐開,如果其子元素都是向左或者向右浮動的元素,那麼父元素的高度則不會被撐開,因爲浮