html div标签元素

2019-09-07 郑州网站建设  

HTML DIV目录  

 
一、Html DIV介绍   -  

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

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

二、DIV标签使用说明:   -  

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

三、DIV作用   -  

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

四、div演示代码:   -  

<!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> 

div css的html样式结果图:

html div,div实例演示效果图

说明:以上使用了个div分别隔开了“设置我色彩为红色”和“设置我色彩为绿色”文字,并分别设置了文字样式。

总结:
Div是Html标签之一,div具有分割内容作用,div与CSS样式可让网页实现各种样式效果。

在html中使用最多的布局标签为div,加上对网页设置css样式,所以通常我们就说div+css制作即使有div标签+css样式实现网页布局重构。


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/991.html转载请标明出处,谢谢合作!
标签:
  • DIV
  • html div