网页布局
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" />
网友评论