小伙伴们，在HTML中，有的元素可以设置宽和高，有的元素无法设置宽和高，接下来给下列的元素按要求设置样式，看看有什么不同的？
元素样式要求参考任务步骤
任务
第一步：给段落标签设置样式
宽度是父元素宽度的30%
字体是父元素的2倍
第二步：为输入框设置样式
宽度是父元素的30%，高度是父元素的四分之一
第三步：为提交按钮设置样式
宽度是100像素，高度是30像素
背景颜色是橘色
字体是20像素
第四步：给span标签设置宽和高，看有什么变化？
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>可设置宽和高的元素</title>
<style type="text/css">
div{ width:600px;height:200px;border:1px solid gray;font-size:14px;}
/*补充样式*/
p{width:30%;font-size:2em;}
.input{width:30%;height:25%;}
.sub{width:100px;height:30px;background-color:orange;font-size:20px;}
</style>
</head>
<body>
<div>
<p>登录</p>
<span>请输入您的信息：</span><input type="text" class="input"><br>
<input type="submit" class="sub">
</div>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
