陌上花开lovego
2016-08-16 15:39
<style type="text/css">
li{
border:1px dotted #ccc;
width:200px;
height:30px;
}
</style>
是盒子的宽和高啊,内容填充到盒子内部啊,因为没有设置内边距所以内容紧挨着盒子边框显示
这里的width和height指的是内容的宽度
为什么呢 我在代码里面加入padding=10px 发现整体变大了 如果这里的width和height指的是盒子的
那么整体大小应该不变的 或者内容变小
是不是在未设置margin,border和padding的时候,就没有边界,边框和填充,默认内容撑满!所以内容的width和height,就是盒子的width和height!
是里面的文本的把
是内容的宽高。你们试试设置margin和padding,然后查看显示区的代码,那里能看到盒子模型尺寸,设置的margin和padding是在200和30上额外加的。
盒子的宽度和高度
众说纷纭,晕了
css内定义的宽(width)和高(height),指的是填充之内的内容的宽度和高度。
border默认值为0,margin和padding值不设定的话各个浏览器有不同默认值。
元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
元素实际高度(盒子的高度)=上边界+上边框+上填充+内容高度+下填充+下边框+下边界。
盒子的
你这里的width和height是盒子的高度和宽度吧,内容的高度宽度可以相对盒子大小用padding设定
盒子的宽度和高度
指的是填充之内的内容的长度和宽度吧
li指的是列表内容,其实最好办法就是你把它复制粘贴进去检验就可以了
整个啊应该,我个人认为
初识HTML(5)+CSS(3)-升级版
1225297 学习 · 18230 问题
相似问题