且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

web前端技能方法总结(css、js、jquery、html)(18)

更新时间:2021-11-12 03:59:38

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