网页布局
1.在“当前版面”分出独立的区块:纵向或横向。
2.纵向:每一个区块写一个div(div本身自占一行)。
3.横向:
- 同样每个区块首先写出一个div,且每个div都进行浮动
- 设置各个div需要的宽度及相关区域(padding,border,margin),但总和不超过当前父盒子的宽度
- 设置各自高度,以及颜色背景或边框,以出现明显的视觉效果,这样有助于排错
- d) 使用如下3个方法之一来保证父盒子可以正确包住其所有子盒子:
i. 在父盒子内部最后位置添加一个用于清除浮动的空div(<div style=”clear:both”></div>),
ii. 对父盒子使用overflow:hidden;
iii. 对父盒子设置一个固定的高度——适用于内部盒子高度固定的情况。
样式分类
1.行内样式:
- <标签名 其他标签属性……. style=”css属性1:值1;css属性2:值2; …… ” >内容部分</标签名>
2.页内样式: - <style>
选择器1{ ….. }
选择器2{ ….. }
。。。。。。。。
</style>
3.外部样式: - css文件中:
选择器1{ ….. }
选择器2{ ….. }
。。。。。。。。 - 网页文件中:
<link rel="stylesheet" type="text/css" href="css文件路径url" />