学习笔记（网页布局 样式分类）

网页布局

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" />