代码改变世界

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>