本章给大家介绍CSS中什么是Dimension(尺寸)?(代码实例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
一、简介
CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。
二、Dimension(尺寸)属性值
三、示例
(1)示例1:设置不同元素的高度
img.normal { height:auto; } img.big { height:120px; } p.ex { height:100px; width:100px; }
登录后复制
(2)示例2:使用百分比值设置元素的高度
html {height:100%;} body {height:100%;} img.normal {height:auto;} img.big {height:50%;} img.small {height:10%;}
登录后复制
(3)示例3:使用像素值来设置元素的宽度
img {width:200px;}
登录后复制
(4)示例4:设置元素的最大高度
p{ max-height:50px; background-color:yellow; }
登录后复制
(5)示例5:用百分比值来设置元素的最大宽度
p{ max-width:20%; background-color:yellow; }
登录后复制
(6)示例6:设置元素的最小高度
p{ min-height:100px; background-color:yellow; }
登录后复制
(7)示例7:用像素值设置元素的最小宽度
p{ min-width:150px; background-color:yellow; }
登录后复制
以上就是CSS中什么是Dimension(尺寸)?(代码实例)的详细内容,更多请关注Work网其它相关文章!