div在使用时同其它对象一样，也可以加入其他的一些属性，如id,class,align,style等，而在css布局方面，为了实现内容与表现的分开，不应当将align对齐属性，与style样式表属性写在div标签之中，因为，div最终代码只可能拥有以下两种形式：
<div id="id name">…</div>
<div class="id name">…</div>
div默认状态下占据整行的空间；便是宽度为100%的自适应布局的表现形式；
!important:保证您的设计原封不动，使用!important重写规则；如，P{font-xize:12px !important};
也许您认为滚动条只是一个简单的工具，但事实上它是由几个窗口小部件组成，每个小部件都能创建可控的3D对象。要为滚动条创造一个完全不同的颜色模式，必须改变7个属性值。
scrollbar-highlight-color
scrollbar-face-color
scrollbar-3dlight-color
scrollbar-3dshadow-color
scrollbar-darkshadow-color
scrollbar-track-color
scrollbar-arrow-color
除了调整浏览器视窗的滚动条的颜色，还可以调整网页表单中textarea,frameset,iframe，文本溢出overflow:auto/scroll以及任何其它元素的滚动条的颜色；
div's border type
dotted点线
dashed虚线；
solid实线；
double双线；
groove凹槽
inset内嵌式
outside内嵌式
列表项：典型特征是有缩进和列表符，ul以实心圆圈做列表符；ol以数字做为列表符；square实心正方形；disc实心圆；circle空心圆；decimal从1开始的整数；decimal-leading-zero以01开始；
link,visited,hover,active;LoVe/HAte;
定位方法
１ 绝对定位：基于父对象直溯到窗口定位位置，而不仅仅将元素局限于默认位置；
.absolute{
position:absolute;
bottom:50px;
left:100px;
２ 相对定位：基于内容在文档中的位置进行定位
.relative{
position:relative;
top:50px;
left:100px;
3 固定定位fixed,不随网页的滚动而滚动；（ie7浏览器开始支持）
列表和段落行内显示；
ul,li{display:inline;}
li:after{content:",";}
li.last:after{content:".";}
p{display:inline;}
note:
display:inline-block:对象显示为块状，但能呈现内联样式；
display:block:将对象显示为盒状，后一个对象换行显示；
将标记符移支列表内显示，即做为文本的一部分显示；
li{list-style-position:inside;}
text-overflow:
当对象中的文本超过行宽时，可以对文本末端增加省略标记，只有当对象高为不换行显示时有效；
vertical-align：设置文本的垂直对齐方式；
layout-flow:设置横向或纵向排版；
word-break:用于设置对象内文本的换行方式，使用break-all时允许词间进行换行；
word-warp:使用break-word时内容超过其容器的边界时发生的换行；
div vs span
1 二者的定义者是一样的：generic language/style container;
2 二者默认的显示方式不同：div,display:block;span,display:inline;
作为内联对象的的span,默认状态下就不会改变行中元素的显示顺序，例如在一大段文本中，我们只需改变其中几个字的文本颜色，就可以将这一小部分文本使用span对象；并进行样式设置，这将不会改变这一整段文本的显示方式；
strong也是一种内联对象，用于对某段文本进行加粗显示，是一种自带属性的内联对象，而span是一个空属性的内联对象；
div本身是一个占据整行的一个对象，是一个block对象，与inline对象相对应；
div本身只是一个容器，对容器内的元素应用样式的方式有以下两种：
<div id="idname">…</div>
<div class="classname">…</div>
定位容器，有5种定位方式：
静态（默认）：从上到下；逐层
相对：先定义一个参照系元素；其后的容器可以以此为参照做为定位的元点坐标；
绝对:绝对定位元素的位置不是基于另一个元素，而是由你精确指定。每一个绝对定位的窗口都独立于所有其他窗口。以浏览器的左上角做为元点。
固定：固定定位的元素被锁定在浏览器窗口中的特定位置，就算用户滚动页面，其位置也不会变化。（IE不支持）
浮动：如果让一个元素浮动，它就会变成一个可在当前行上向左或向右移动的方框。Float属性的可用值包括left\right\none。浮动的方框将按指定的方向移动，直到其外边缘抵到包含块的内边缘或另一个浮动元素的外边缘。由此可知，浮动要找到边缘并决定是一边的位置是否可以同行放下，所以需要有宽度的属性。
设置窗口的显示顺序：
具有较大z-index属性值的窗口总被显示在具有较小值的窗口上面；
布局的三种方式：表格、框架、Div+CSS(层是一种有绝对定位的Div);
1 表格布局：一行并排只有有一个表格（表格可嵌套），光标可置于表格后，再插入就是另起一行了；其大小在新建时设置，或选择表格后在属性栏内设置；
2 框架：先建立一框架集文件，如：“上方固定、左侧嵌套”（新建-框架集），则对应4个文件，由框架集文件对其它三个子文件进行引用集合，；对应框架面板操作；
DIV+CSS
1 插入-布局对象-Div标签；
2 打开“插入Div标签”对话框；
1 “插入”下拉框：用于确定该标签相对于其它标签或其它内容的位置，有五个选项：1 在插入点；2 在标签之前；3 在开始标签之后；4 在结束标签之后；5 在标签之后；
2 “类”下拉框：用于确定该块内容应用的CSS样式规则；如果是新建文档，下拉箭头无可选择内容；如果有新建类的CSS模式，则可应用建立的CSS类；
3 “ID”下拉框：Div标签的身份标识；
4 “新建CSS样式”按钮：用于打开“新建CSS规则”对话框：包括确定选择器类型及名称；定义在：新建样式表，还是作用于该文档；（如选择“选择器类型”为“类”，名称：wwu；选择“仅对该文档”）；
5 打开“.wwu的CSS规则定义“对话框：包括8个选项卡：1 类型；2 背景；3 区块；4 方框；5 边框；6 列表；7定位；8扩展；
3 插入内容；
4 修改Div标签属性；
1 选择Div标签框，在属性栏的“类”选择框中应用其它样式；
2 选择Div标签框，在属性栏中点击编辑CSS，打开CSS样式面板，点击最下端的“编辑样式”的“铅笔”图标；打开“.wwu的CSS规则定义“对话框（假设Id为wwu的Div的标签应用的是外部CSS文件（wwucss.css），则打开的对话框名称是：“#wwu的CSS规则定义(在wwucss.css中），如果有DM打开wwucss.css，则可看到对各ID的CSS规则样式定义）；
在Div标签后插入表格，需选择整个div标签,然后再插入；
CSS样式 表格嵌表格---整体：div套div;局部：div+ul+span;
CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。
虽然样式表可以套用在任何标签上，但<div>、<span>二者的使用大大的扩展了HTML的应用范围。<div>是一个块级元素，可以包含段落、标题、表格，乃至章节和备注等，面<span>是行内元素，其前后是不会换行的，它没有结构的意义，纯粹是为了应用样式，当其它行内元素都不合适时，可以使用<span>标签。二者都可指定class style.
块元素：一般可以包含其他块元素和内联元素，如div,p等，块元素默认换行显示；
内联元素：一般可以包含其他内联元素，如a,span,默认同行显示；
CCS样式可以控制文档中的某一文本区域外观的一组格式属性，也可以一次对若干个文档所有的样式进行控制，CCS是一个文件，是网页对其的引用，相当于一个变量。CCS样式表把网页上的内容结构和格式控制相分离。浏览者想要看的是网页上的内容结构，而为了让浏览者更好地看到这些信息，就要对过格式控制来协助。网页的功能主要定位到内容，而格式控制则指向某个CSS样式表文件。如只要修改保存着网站格式的CSS样式表就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用，避免了一个一个地修改网页。
创建自定义样式固定字体大小
1 打开CSS样式面板，在中间区域右击---新建，名称：.s1;(建立的样式,是一系列属性的组合),更改该样式后,文档内应用了该样式的全部文本会自动调整.利用样式表可以控制字体大小,行距,字距(区块),给部分文字加背景或背景图像;文字缩进(区域)
2 在文档中选择正文内容,然后在属性面板的"样式"下拉列表框中选择新建的.sl样式;