CSS尺寸样式属性作用:给html元素设置高度和宽度。
注意:只有块级元素才可以设置宽度和高度。
属性名称 | 作用 | 单位/值 |
height | 设置元素的高度 | length:使用px表示高度 %:基于包含他的块级对象的百分比高度 |
width | 设置元素的宽度 | 同上方 |
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>尺寸样式属性</title>
<style type="text/css">
#a{
height: 100px;
background-color: #00f;
/* 如果没有设置宽度,默认和浏览器宽度一样 */}
#b{
width: 100px;
height: 100px;
background-color: #f00
}
</style>
</head>
<body>
<!-- 给这个变宽设置尺寸,高度,宽度,颜色 -->
<div id="b">火影忍者</div>
<div id="a">电视动画《火影忍者》改编自日本漫画家岸本齐史的同名漫画,2002年10月3日在东京电视台系列全6局、岐阜放送首播,共220话;第二季《火影忍者疾风传》于2007年2月15日-2017年3月23日在东京电视台播出,共500话;累计全720话。</div>
</body>
</html>
网页效果:
本期讲解到此结束,大家如果有不懂的地方可以私信,只要有时间一定回复哦。
如果文字过于枯燥,不懂还可以观看的视频,进一步加深理解哦
博主的哔哩哔哩账号:一枫阳光,感兴趣的可以关注一下哦。定期更新CSS代码学习。萌新UP主 大家一起进步呀。讲解若有不对,一定第一时间修改,谢谢大家啦。