2022-10-15 12:24:30 html布局中css样式height高度属性教程,高度语法、用法、小示例。css height用法,单位等如何设置。
height高度css样式,是布局网页时,使用频率较多的一个css属性样式,代表设置对象高度尺寸。
1、语法/值 解释
height:100px —— 设置固定高度100像素
height:auto —— 设置高自适应,如内容多少高度尺寸撑高多少
height:79% —— 设置百分比值,此时高度值会判断父级对象高度而计算出相对父级高79%尺寸。
2、高度height长度单位
height 高样式,值单位可以为px(像素)、em(相对长度)、%(百分比)、rem(相对于根元素(html)的字体大小来计算尺寸)、auto默认自动,常见使用px、%为单位。
如果不设置heigh,默认值为auto
3、直接使用的代码
.abc p{height:90%}
.bc div{height:300px}
.dd{height:400px}
以上设置class=abc对象盒子内p段落标签高度值90%;设置class=bc对象盒子内div标签对象高度300px;直接设置class=dd对象高度为400px
可以看到对标签设置,对对象直接设置css高大小尺寸。
height属于常用css样式。