温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML中div与span使用的区别是什么

发布时间:2022-03-04 15:42:33 来源:亿速云 阅读:147 作者:iii 栏目:web开发

这篇文章主要介绍了HTML中div与span使用的区别是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML中div与span使用的区别是什么文章都会有所收获,下面我们一起来看看吧。

  HTML部分

  <!DOCTYPEhtml>

  <head>

  <metacharset="utf-8"/>

  <title>WeChatManager</title>

  <linkhref="css/index.css"rel="stylesheet"type="text/css">

  <scriptsrc="http://code.jquery.com/jquery-1.10.2.min.js">

  </script>

  <script>

  $(document).ready(function(){

  $(document).keyup(function(event){

  if(event.keyCode==13){

  $.ajax({

  type:"POST",

  url:"ok.php",

  data:"code="+$("#in").val(),

  success:function(msg){

  $("ul").append("<li>"+$("#in").val()+"</li>");//将输入的输出到界面

  $("ul").append("<li>"+msg+"</li>");//获取返回值并输出

  $("#in").val("");//清空输入框

  $("#text").scrollTop($("#text").scrollTop()+32);//滚动条拉到最下面,显示出输入框

  }

  });

  }

  });

  $("#in")[0].focus();

  });

  </script>

  </head>

  <body>

  <divclass="window">

  <divclass="title">

  <imgsrc="css/1.jpg">

  <span>WechatDos</span>

  </div>

  <divid="text">

  <ul>

  <li>Welcome...</li>

  <li>login:</li>

  </ul>

  <inputtype="text"name=""id='in'>

  </div>

  </div>

  </body>

  </html>

  CSS部分

  @charset"utf-8";

  body{

  background-color:#396DA5;

  margin:0px;

  padding:0px;

  color:#fff;

  font:"微软雅黑";

  font-size:14px;}

  .window{

  border:6px#cccoutset;

  width:680px;

  height:442px;

  background-color:#000;

  position:absolute;

  top:40px;

  left:68px;

  overflow:hidden}

  .title{

  background-color:#08246B;

  padding:2px;}

  #text{

  background-color:#000;

  border-top:#cccoutset2px;

  height:420px;

  overflow-y:scroll;}

  ul{

  margin:0px;

  padding:0px;

  list-style:none;}

  input{

  background-color:#000;

  border:0;

  color:#fff;

  outline:none;

  共同点:

  DIV标签和SPAN标签是将一些内容当成一个整体进行处理,比如,整体隐藏,整体移动。类似一个盒子一样的东西。这样做可以精简代码,提高效率。

  不同点:

  1、div是将内容放到一个矩形的区块中,随意移动会影响布局。而span只是把内容定义成一个整体进行操作,不影响布局和显示。

  2、div一般用于排版,而span一般用于局部文字的样式。

  /*font-size:12px;*/

  width:100%}

关于“HTML中div与span使用的区别是什么”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“HTML中div与span使用的区别是什么”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI