css样式父子关系 div父子元素关系

CSS-03-三大特性+盒子模型

所谓盒子模型：就是把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。

创新互联建站-专业网站定制、快速模板网站建设、高性价比雁江网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式雁江网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖雁江地区。费用合理售后完善，十载实体公司更值得信赖。

CSS盒子模型就是在CSS技术所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。

标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。

弹性盒子模型的最大特征在于动态修改子元素的宽度和高度，以满足在不同尺寸屏幕下的恰当布局。说明：盒子模型的内容范围包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。

CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，CSS盒子模式都具备这些属性。

APdiv就是div！css里面有个常用的方法叫嵌套定位：就是两个父子关系的元素，父元素相对定位，子元素绝对定位。这样做了，子元素是永远相对父元素的位置来定位的，在不同分辨率下子元素的位置就不会导致布局变乱。

插入DIV是在当前位置插入固定层绘制APDIV是在当前位置插入可移动层，也就是说这个层是浮动的，可以根据他的top和left来规定这个层的显示位置。

如果说细点的话，AP DIV是DW为你生成的特殊的DIV，它的定位是“绝对定位（要明白它的意思的话，你可以再百度）”，AP DIV在一些版本的DW里也叫“层”。

不是，Dreamweaver 将带有绝对位置的所有 div 标签视为 AP (absolute position)元素。所以ap div是已经分配好绝对定位的div。而，div+css中的div还需要自己分配绝对定位。

有两种方法。以dwcs6为例。方法1：这个位置的左：xx和上： xx可以设置AP DIV的位置方法2：防止重叠取消掉，然后可以在里面拖动重叠注意ap div 和div的区别是绝对和相对。

概括的说，关键路径绘制包括：了解网页渲染过程，有助于我们优化网页，提示渲染速度。

渲染树是DOM和CSSOM的组合。它是一棵树，代表最终将在页面上呈现的内容。这意味着它仅捕获可见的内容，并且不包括例如使用CSS被CSS隐藏的元素 display： none 。

浏览器解析浏览器通过请求的 URL 进行域名解析，向服务器发起请求，接收文件（HTML、CSS、JS、Images等等）。

多数边框类属性，比如象padding(补白)，margin(边界)，背景和边框的属性都是不能继承的。

注：样式继承不用应用于表格标记中注释同其它语言一样，在CSS中也可以使用注释标注代码，它是以“/*”开头，以“*/”结尾。

不同的属性会进行合并。需要注意的是，如果定义样式时，class1或者class2中用了！important。那么加了！important的类名具有更高的优先级。（并且IE6及更早浏览器下，！important在同一条样式内不生效。

名称栏目：css样式父子关系 div父子元素关系
本文链接：http://myzitong.com/article/diiogid.html