• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >div/css > css教程:网页中Span和Div的区别

css教程:网页中Span和Div的区别

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含css div span,css span,css span属性,css span标签,css中span是什么意思等相关知识,佚名 希望在学习及工作中可以帮助到您
HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,它们被用得十分广泛。
它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符。
span和div的不同之处在于span是内联的,用在一小块的内联HTML中,而div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。
<div id="scissors"> <p>This is <span class="paper">crazy</span></p> </div>
在实践中,div,特别是span不应该滥用,尽管有其他相左的意见。比如,你要强调单词“crazy”和加粗类“paper”,可能会用这样的代码:
<div id="scissors"> <p>This is <strong class="paper">crazy</strong></p> </div>
这是做法比再加一个span比较好。
对于类class和标识id没有线索?别担心,在CSS中级指南中会接触到它们。你所需要记住的是,span和div 是“无意义”的标签。
点击这里返回本站的网页制作频道。 </div>

您可能想查找下面的文章:

  • css教程:网页中Span和Div的区别

相关文章

  • 2017-06-02css div实现的遮罩层完美兼容IE6-IE9 FireFox
  • 2017-06-02不规则背景墙 CSS实现背景图片不规则的导航菜单
  • 2017-06-02使用Table,DIV,XHTML三者制作网页的区别.
  • 2017-06-02display:inline-block的原理分析
  • 2017-06-02使用position:fixed属性让DIV居中
  • 2017-06-02一个div在浏览器水平居中的实现方法
  • 2017-06-02多行排列图片时hover上去加边框挤图片的解决方法兼容IE7+
  • 2017-06-02div背景定位background设置元素的背景参数
  • 2017-06-02div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题
  • 2017-06-02css教程:网页中Span和Div的区别

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • div+css布局及Web标准对网站优化和SEO方面的益处
    • css经典三栏布局
    • css教程制作八卦镜代码分享
    • DIV多行文字显示不下溢出时显示...的css样式
    • 两个div在同一行且不换行的两种方法
    • DIV实现简易漂浮层放置分页信息思路分享
    • CSS div布局需要注意的两点
    • CSS的样式合并与模块化提高代码执行效率
    • DIV+CSS实现带三角箭头的提示框
    • 通过绝对定位实现div重叠实例代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有