div标签
div标签可以定义文档中的分区或节,其可以把文档分割为独立的,不同的部分,如果使用id或class来标记div标签,会使得div标签变得更加有效;
background属性
background属性规定规定文档的背景图像,在HTML4.01中,不赞成使用body元素的background属性,以css代替使用;
padding属性
padding属性用于设置元素的内边距,其定义元素边框与元素内容之间的空间;若其只定义了一个值,则所有四个边的padding值均为一致;若定义了两个值,则第一个值为上下内边距,第二个值为左右内边距;若定义了三个值,则依次为上内边距,左右内边距,下内边距;若定义了四个值,则依次为上,右,下,左顺序的内边距;
margin属性
margin简写属性在一个声明中设置所有外边距属性,同样可以设置四个值,方法同padding属性相同;
float属性
float 属性定义元素在哪个方向浮动;以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素;
width属性
width 属性设置元素的宽度;
height属性
height 属性设置元素的高度;
clear属性
clear 属性规定元素的哪一侧不允许其他浮动元素;
个人看来多行三列式布局关键在于div标签的嵌套使用与float属性的合理使用
下面是多行三列式布局的一个样例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多行三列</title>
<style type="text/css">
*{
font-size: 6px;
margin: 0 auto;
padding: 0;
}
#container{
background: #334455;
width: 100%;
height: 700px;
}
#header{
background: #ff4455;
width: 100