如何进行CSS 尺寸设置
1、尺寸属性。这个尺寸属性不仅仅指图像,还可以指定一下文字。
<style>
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>

2、用百分比来改变元素的高度。
<style>
html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}
</style>

3、设置元素的最大高度。我们可以用CSS语句来设置一下元素的最大的高度。
p
{
max-height:50px;
background-color:yellow;
}
</style>

4、我们不仅仅可以设置元素的高度,我们还可以设置元素的宽度。
<style>
p
{
max-width:20%;
background-color:yellow;
}
</style>

5、我们不仅仅可以设置元素的最大高度,我们还可以设置一下元素的最小高度。
<style>
p
{
min-height:100px;
background-color:yellow;
}
</style>

6、我们可以把元素的最小宽度用像素来进行设置。
<style>
p
{
min-width:150px;
background-color:yellow;
}
</style>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:196
阅读量:61
阅读量:66
阅读量:146
阅读量:48