传统页面table布局的缺点:
- 显示样式和数据是绑定在一起的
- 布局的时候灵活度不高
- 一个页面可能有大量的元素,代码冗余
- 增加带宽
搜索引擎不喜欢这样的布局
优点:
理解比较简单
- 不同的浏览器看到的效果一般相同
- 显示数据很好
div+css
dis+css基本思想:数据和样式要分离
是一种目前比较流行的网页布局技术
div来存放需要显示的文字图表等
css就是用来指定放在div中的内容如何显示,包括这些内容的位置外观
类选择器
.类选择器名{
属性名1:属性值;
属性名2:属性值;
…..
}
id选择器
“#”id选择器{
属性名:属性值;
……
}
html选择器
body{
属性:属性值;
…..
}
a{
属性:属性值;
…..
}