2025年06月20日
div中的内容居中显示，包括水平和垂直2个方向。
<html>
<head>
<style type="text/css">
.box{
height:400px;
width:600px;
background-color: #f2dede;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
</style>
</head>
<body>
<div class="box">
<div style="background-color: #00a4e6">居中</div>
<div style="background-color: #00b33c">居中</div>
</div>
</body>
</html>2025年06月20日
定义：HTML文档中的分隔或者是部分，常用于组合块级元素，以便通过样式表来对元素进行格式化。
<div> 是一个块级元素，也就是说它的内容自动的开始一个新行，换行是它固有的特定格式表现，同时它也是一个双向标签。
它应用于样式表，有多种属性：Class、Style、title、ID等。
小实例：
在div中给定id或者是类选择器：
2025年06月20日
现在的企业网站制作前端都是div+css布局。 TABLE布局是早以前CSS不存在的时候兴起的，是对TABLE标签的不正规使用，Table标签就是表格，是用来显示数据的，而不是用来布局网页的，虽然它有时候布局网页很简单。现在绝大多数的企业网站制作都是用DIV+CSS布局。
2025年06月20日
上个月，Google把"相似图片搜索"正式放上了首页。
你可以用一张图片，搜索互联网上所有与它相似的图片。点击搜索框中照相机的图标。
一个对话框会出现。
你输入网片的网址，或者直接上传图片，Google就会找出与其相似的图片。下面这张图片是美国女演员Alyson Hannigan。
上传后，Google返回如下结果：
类似的"相似图片搜索引擎"还有不少，TinEye甚至可以找出照片的拍摄背景。
2025年06月20日
我们常说的DIV+CSS网站其实是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格table定位方式，可实现网页页面内容与表现相分离。使用这种布局的网站可以给用户带来更多方便和视觉上的体验。
小编在下面的内容中将自己总结的经验，关于DIV+CSS的一些优势所在介绍给大家，希望各位朋友认真阅读，以便日后可以随时掌握这种布局的方法。
1.网站加载的速度更快
我们将网页写在CSS里面后，这样网站的体积容量变得就会更小，DIV+CSS将页面独立成更多的区域，在打开页面的时候逐层加载。
2025年06月20日
什么是DIV？
DIV是层叠样式表中的定位技术，全称DIVision或叫做划分。在网站制作中DIV元素一般是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。当使用DIV+CSS布局的时候， 主要把它当做盒子然后把需要的文字，图像等内容放在DIV标签之中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。所以把它称作“层次”，或者直接就叫一段在 DIV 中的 HTML。
2025年06月20日
一个网站不光要有好看的页面，完整简洁的代码也是很重要的，这对以后网站的推广起到重要的作用。一个合格的网站起初要有合理的计划，做到精准可靠，这对未来的网络营销是有很大的好处的。
那么，使用DIV代码设计出来的网站有什么好处呢，下面小编来详细介绍下：
首先使用DIV设计的页面载入快，由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。
2025年06月20日
本文翻译自 How to Center a Div Using CSS Grid，作者：Fimber Elemuwa, Ralph Mason。 略有删改
2025年06月20日
搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll