預設樣式重置及及display轉換

2021-07-15 06:38:59 字數 465 閱讀 4985

body,p,h1,h2,h3,h4,h5,h6,dl,dd

ol,ul

aimg

注意:一般先清除預設樣式

display:塊元素、內嵌元素、inline-block ;

塊元素 eg,

block

1、預設獨佔一行 

2、沒有寬度時,預設撐滿一排

3、支援所有css命令

內嵌元素eg,

inline

1、同排顯示

3、大小被內容撐開,不支援(自己改變的)寬高

4、不支援上下的margin和padding

5、**換行被解析(空格大小為font-size一半)

inline-block eg,

1、塊在一行顯示

2、支援(自己改變的)寬高問題:

1、**換行被解析

2、ie6 ie7 不支援塊屬性標籤的inline-block

重置預設樣式

最近看到乙個詞叫css reset。什麼叫做css reset呢?我理解為重置css,也就是重置預設樣式。我在html下的預設樣式 中講到,一些標籤元素在html下有乙個預設屬性值,我們在寫css頁面的時候,為了避免在css中重複定義它們,我們需要重置預設樣式 css reset www.taoba...

css之常用樣式及display樣式

常用樣式 一 背景 背景可以為純色,也可以通過以下屬性的修飾變得絢麗多彩 1.設定背景色 background color 3.設定背景是否重複 background repeat,其值有四個 a.repeat 背景圖重複,即平鋪 預設值 b.repeat x 橫向平鋪 c.repeat y 縱向平...

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 一般開發都會先...