在格式化页面时,CSS会将所有对象都放置在一个容器里面,这个容器被称为区块(盒子)。就是将每个元素都当做一个长方形盒子,用这个假象的盒子设置各元素与网页之间的空白距离,如元素的边框宽度,颜色,样式,以及元素内容与边框之间的空白距离。
区块属性
width 设定对象的宽度
height 设定对象的高度
float 让文字环绕在一个元素的四周
clear 指定在某一个元素的某一边是否允许有环绕的文字会对象
padding 决定了究竟在边框与内容之间应该有多少空间距离
margin 设置一个元素在4个方向上与浏览器窗口边界或上一级元素边界的距离
在CSS里使用矩形区块,并搭配margin属性,border属性以及padding属性,来控制元素的样式,上述三种属性通常用于文档段落、图片及表格网页边距的空白距离,或者设置表格内的边框及空白样式等。
区块(盒子)的基本信息:
width:value
height:value
float:value
clear:value
范例:
区块(盒子)的边缘信息:
基本语法:padding:value
margin:value
padding和margin的属性值
top上填充距离
right右填充距离
bottom下填充距离
left左填充距离
注意:margin和padding的区别是:
margin:指定了元素边界与其他盒子外元素的空白距离(即当前盒子的外边距)
padding:指定了元素边界与盒子内元素的空白距离(即当前盒子的内边距)
范例: