在body
中,先放一个的div
。
<html>
<head>
<meta charset="utf-8">
<!-- ... -->
<style>
</style>
</head>
<body>
<div>天下美食出中华,最爱武汉热干面。</div>
</body>
</html>
宽和高
使用标签选择器
,把它给找出来,我们设置它的宽
和高
,都是400px
。
<style>
div {
width: 400px;
height: 400px;
}
</style>
刷新页面,发现什么完全看不见宽和高在哪里,千万不要着急,这并不是我们写错了。如果你和我一样,用的也是Chrome
浏览器,那么点击鼠标右键
,选择检查
。
在弹出的调试工具中,鼠标选中,并放在div
标签上。就会看到这个400*400
的框框了。调试工具的右侧会显示咱们设置的CSS
。之所以看不见,是因为这个框也是白色的啊,和...