e股脑电脑教程网
  • 首 页
  • 操作系统
  • 应用软件
  • 下载工具
  • 影音视频
  • 办公软件
  • 媒体制作
  • 网站建设
  • 平面设计
  • 数据库
  • 程序开发
  • 视频教程
编辑推荐: | 文章搜索:
您现在的位置: e股脑 >> 网站建设 >> Dreamweaver教程 >> SPAN和DIV Class与ID的区别汇总 >> 教程正文
 
教程搜索
 
 
相关教程
  • SPAN和DIV Class与ID的区别汇总
  • CSS样式文件优化 更整洁而清晰!
  • CSS网页布局:网页页面结构化
  • CSS样式文件优化 更整洁而清晰!
  • 让CSS样式表优化更整洁而简短
  • CSS网页布局中要注意的几个问题
  • DW MX 设计留言本实战(5)
  • DW MX 设计留言本实战(2)
  • DW MX 设计留言本实战(3)
  • DW MX 设计留言本实战(6)
  • DreamwaverMX与ASP.NET(十一)
  • DreamwaverMX与ASP.NET(九)
  • DreamwaverMX与ASP.NET(十三)
  • DreamwaverMX与ASP.NET(十五)
  • DreamwaverMX与ASP.NET(十七)
  • DreamwaverMX与ASP.NET(十)
 
 

图文教程


  • Linux桌面发行版Ubuntu系统的选择和安装

  • 青苹果音乐播放器:将专辑封面一网打尽

  • 用WinRAR删除隐藏的系统垃圾文件

  • 世界之窗:轻松两招 让搜索更快捷

  • 3Ds MAX教程:一步一步制作汽车模型
 
 
赞 助 商
 
 
SPAN和DIV Class与ID的区别汇总
  • 来源:e股脑
  • 点击次数:
  • 更新时间:2008-10-13

  SPAN和DIV 的区别

  SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。

  SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,标识符允许你将一个段落分成不同的部分。

  

还有一个标识符具有类似的功能,DIV也被用来在HTML文件中建立逻辑部分。
但与SPAN不同,工作于文本块一级,
它在它所包含的HTML元素的前面及后面都引入了行分隔。

  CLASS和ID的区别

  在样式表定义一个样式的时候,可以定义id也可以定义class。

  1、在CSS文件里书写时,ID加前缀“#”;CLASS用“.”

  2、id一个页面只可以使用一次;

  class可以多次引用。

  3、ID是一个标签,用于区分不同的结构和内容,就象名字,如果一个屋子有2个人同名,就会出现混淆;

  CLASS是一个样式,可以套在任何结构和内容上,就象一件衣服;

  4、从概念上说就是不一样的:

  id是先找到结构/内容,再给它定义样式;

  class是先定义好一种样式,再套给多个结构/内容。

  目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过id来控制div时就会出现错误。

  • 上一篇教程: CSS样式文件优化 更整洁而清晰!
  • 下一篇教程: 没有了
  •  

    关于本站 | 广告联系 | 版权声明 | 使用帮助

    Copyright © 2004-2008 www.egunao.com All rights reserved.