css的一些基本属性(1)

文本属性

<center> 和 text-align:center

<center>不仅会影响文本,还会把整个元素居中;
text-align只会影响内部内容,而不会控制元素的对齐。

vertical-top

应用于行内元素和表单元格,也就意味着在块元素中是不起作用的,没有继承性

基本视觉

水平格式化

width=margin-left + padding-left + border-left + width + border-right + padding-right + margin-right
margin和width是可以设置为auto的,margin可以为负数,有可能超出父元素框。
边框的宽度不能是百分数,只能是长度。

垂直格式化

同上述水平格式化相同,高度由7个相关属性组成。如果margin-top或 者margin-bottom设置为auto,它将会自动计算为0。

在垂直外边距中,相邻的元素的外边距会重叠,即两个外边距中较小的一个会被大的那个合并。例如:

<li>1</li>
<li>2</li>
li{margin-top: 10px; margin-bottom: 20px;}

那么在显示这个列表时,上下li之间的距离为20px。

行内块元素 inline-block

像块级元素一样拥有width和height,text-align
行内块元素的底端默认地位于文本行的基线上,而且内部没有行分隔符。

内边距padding

内边距不能为负

背景

background-attachment

默认为scroll, 若不想背景图随文档滚动,可设置为fixed。此时背景图像是相对于可视区固定,而不是相对于包含该图像的元素定位。

background-size (css3加入的内容)

contain - 会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小
cover - 会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小
percentage - 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
length - 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"atuo(自动)"

参考:《CSS权威指南》(第三版)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容