您当前的位置: 站长圈 > 技术文章 > 网页前端 > 第六课:css盒模型

第六课:css盒模型

来源: 作者:adminzzq 点击: 0
css盒模型是css的基石。

我们可以通过设置宽,高来设置元素的大小。width,height
注意:只有块级元素才有宽设的属性。
    行内元素是没有宽,高的。

还可以设置盒子的边框。border:1px solid #ff0000;
                             宽度 形状  颜色
边框的形状:
    solid :实线
    dashed:虚线
    dotted:点画线

填充:padding:20px;内填充
    行内元素有左右padding,没有上下padding.


外边距:外填充。表示盒子与盒子之间的距离。
    外边距用margin来表示。
    外边距相遇的计算规则:左右相加。垂直取大。
    行内元素有左右外边距,没有上下外边距

块级元素和行内元素的转换
display:block;
display:inline;
display:none;
display:inline-block;将元素用块级来显示。用行内元素来传递。