格现有CSS样式表
当代网页设计标准已经从创建使用<TABLE>标签的布局。 更灵活的和有用的<DIV>标记是要走的路。 下面是一些基本的最佳做法，您可以马上在网站上使用。
DIV和治
一个DIV认为最好的办法是一个盒子。
这是一个信息的容器，仅此而已。
关于它的伟大的事情是，它是一个盒子，可以容纳任何东西，可以改变里面的内容看起来。
它是用于“块级”的内容（例如：大块的文字，或图片，或导航按钮），使您可以设置的内容是有关如何提出的规则。
还有一个标签是DIV的小兄弟，称为跨度，即是用来改变的网上内容的外观。
虽然这是非常有用的，跨度上一个精心设计的DIV的许多不同的使用无关。
如何使用样式的DIV（张）
如果你打开一个样式表，赔率是，你会发现设计工作与页面上的DIV的几类。 有几种不同的类型，但最常见的四个标题，内容，边栏和页脚。 这些div的名字给你一个好主意，他们的目的。 下面是一些例子，他们可以在现有的CSS结构的使用方式。
也许你想设置的标头部分。 首先，建立一类的头，只能用DIV的使用。 然后，开始塑造文本的属性，边框，和背景，你希望使用：
DIV.header
{
字体重量：大胆的;
字体大小：大;
底部：5px;
文本转换：无;
左边框：＃990033 3px;
边界右：＃990033 3px固体;
颜色：＃CCFFFF;
TOP：5px;
BORDER - TOP：＃990033 3px破折号;
下边框：＃990033 3px破折号;
字体风格：正常;
FONT - FAMILY：宋体，宋体;
背景颜色：＃cc3300;
文本对齐：权利;
字体变形：小型大写字母;
文本装饰：无
}
这将创建与淡紫色的背景光，暗红色边框的页面部分（顶部和底部的虚线），并在小型股SAN - serif字体浅灰色字体。 通常情况下，此代码将到主样式表文件（“yourDoc.css”），将链接到的网页，使用下面的代码在HTML HEAD部分：
<link rel="stylesheet" type="text/css" href="yourDoc.css"
显然，这是一个名称，例如，你必须确保你的CSS文件的路径是正确的。 CSS的实权，但是，如果你决定，创建数百页，这个头，你宁愿在一个灰色的背景上的红色字体自定义字体后，你根本改变在这一个代码CSS表和它会渗透到整个网站。
一旦你在一个div中各种元素的属性发挥各类周围，你完全可以塑造和重新塑造你的整个网站简单的 CSS表本身。 最重要的是，可以，至于你喜欢嵌套的DIV内的DIV，和每一个“容器”可以有它自己的属性以及较大的DIV的属性。 在DIV.body，例如，你可以决定所有的文本应左对齐。 然而，你也可以创建更小的DIV.redText和DIV.whiteText，以后的段落，简单地改变颜色，同时仍保持它们的所有整齐的左对齐。
奇妙的float属性
另外一个很重要的质量在样式表中的嵌套的DIV是“浮动”的想法。
这使您可以准确位置页面上出现一个DIV。
float属性可以帮助确定一个span或div的内容，将在较大的容器。
如果你想有两列内的主体，一个“侧栏”和“内容”，你将成立两大类：＃sidebar和＃内容。
你可以像你一样的文字，背景和边框样式的头上面的例子，但你还可以添加更多的财产：浮法：左。
添加此属性首先把侧边栏左侧较大的容器，然后在内容区域旁边，比用一个干净的布局的所有优点的表创建一个更灵活的结构。
如果你想有另一个div下方浮动部分（如页脚DIV），将需要插入一个浮动：在DIV下面明晰产权，使“盒子”不会继承浮动：左财产。 对面的“浮动”的DIV是“绝对”设置位置属性之一。 在这种情况下，可以决定正是基于像素坐标或一个百分比值框浏览器窗口的位置。
掌握的DIV
这是一个非常基本的概述，如何可以在您的网站上使用一个DIV的。 DIV的全功率需要更多的网页和概念。 您可以了解自己的网站， 如 DevArticles ， DesignPlace 和 Juixe 。 更多的惊人可能性的例子是把每天的CSS禅意花园，或者你可以尝试在自己的代码CSS台沙箱。 花时间，使DIV一个有用的和灵活的基础，为自己的网页设计，你不会后悔。
相关主题
