H5 div标签详解

最新推荐文章于 2022-11-16 10:18:03 发布

mazegong

最新推荐文章于 2022-11-16 10:18:03 发布

阅读量1.1w

点赞数 5

分类专栏： H5

H5 专栏收录该内容

17 篇文章 4 订阅

订阅专栏

html <div>标签元素

HTML DIV目录

一、Html DIV介绍 - TOP

这里html div是指html源代码里的div标签。

如在html中DIV代码片段：
<div class="yangshi">演示</div>

二、DIV标签使用说明： - TOP

1）、在DIV+CSS切图布局重构技术中，提到div，而在html中代码布局使用最多标签为div，
2）、故我们通常将网页重构说成div css制作。
3）、Div本身没有什么特别之处，而div标签替代了以前table标签布局。
4）、他们通过对div标签对象设置不同样式实现我们要的美化效果。
5）、特性，通常一对未设置任何样式的div，独占一行。

三、DIV作用 - TOP

Div起分割作用，分割内容使用的常用标签。DIV+CSS更是起到分割与设置对应样式作用。

四、div演示代码： - TOP

  
  <!DOCTYPE html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>div 演示</title> 
<style type="text/css"> 
.yangshi{ color:#F00;}/* 设置颜色为红色 */ 
.yangshi2{ color:#0F0;}/* 设置颜色为绿色 */ 
</style> 
</head> 
<body> 
<div class="yangshi">设置我颜色为红色</div> 
<div class="yangshi2">设置我颜色为绿色</div> 
</body> 
</html>