HTML语言的一些元素(三)
2013-12-03 10:35 很大很老实 阅读(249) 评论(0) 编辑 收藏 举报
本章节主要介绍:<div>和<span>
可以通过 <div> 和 <span> 将 HTML 元素组合起来。
HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
HTML <span> 元素是内联元素,可用作文本的容器。
<span> 元素也没有特定的含义。
当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。
1)、在DIV+CSS切图布局重构技术中,提到div,而在html中代码布局使用最多标签为div,
2)、故我们通常将网页重构说成div css制作。
3)、Div本身没有什么特别之处,而div标签替代了以前table标签布局。
4)、他们通过对div标签对象设置不同样式实现我们要的美化效果。
5)、特性,通常一对未设置任何样式的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>