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倍。