web前端技能方法總結（css、js、jquery、html）（18）

1、塊元素的預設寬度是“auto”，就是說會延伸到所有的空間。記住“auto”使内容充滿所有的空間（除了補白、邊框和邊界）。一般元素的高度用預設值，就是auto，浏覽器垂直擴充内容區，以使所有的内容都能看到。即設定了寬度後，高度就是自動的顯示所有内容。也可以明确地設定高度，但是如果設定的高度太小，内容尾部都有可能丢失，是以一般不用定義元素高度，而預設為auto。

2、text-align:center 在塊元素中用text-align來設定其中的文本對齊樣式，這裡設定為居中。其實text-align屬性會影響到一個元素中所有内聯内容的對齊樣式，不僅僅是文本。還要記住，text-aligh屬性隻能用于塊元素，如果直接用于内聯元素（如）就沒有作用了。text-aligh屬性值也可繼承。例如

元素中的所有文本都在其他塊元素中，如

、

.但現在他們的對齊樣式都改變了。這是因為這些塊元素繼承了

的text-align屬性。差別是，不是直接影響标題和段落（這些都是塊元素）中的文本對齊樣式，而是标題和段落繼承了text-align屬性值"center"，使它們自己的内容居中了。但是謹記并非所有的屬性都是可以預設繼承的，是以這并不會對所有的屬性都起作用。

3、line-height比較特殊，可以隻用一個數字代替相對值（比如em或%）來設定line-height的值。

elixirs{line-height:1em;} 表明此

中的所有元素的行間距都是飲料元素的字型大小的1倍。

elixirs{line-height:1;} 表明每個飲料

中的元素的行間距為它們自己的font-size的1倍，而不是飲料的font-size的1倍。