首页 / 知识
div与span有什么区别
2023-04-11 15:04:00
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.webp">
<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%}
本文转载自中文网 |
最新内容
相关内容
pythonexp是什么
pythonexp是什么，培训，指数，函数，模块，表达式，数值，静态，语法，实例，对象，pythonexp()函数描述exp()函数返回x的指数，语法importmathmath.exp(xpython有map方法吗
python有map方法吗，培训，位置，数据，函数，列表，序列，参数，元素，方法，使用方法，python中的map：map()会根据提供的函数对指定序列做映射。第一个
python format是什么
python format是什么，数字，培训，小数，编号，字符串，顺序，中间，小数点，括号，字段，python中format主要是用来格式化字符串的。format用法相对基
pythondef是什么
pythondef是什么，代码，培训，名字，函数，括号，定义，内部，功能，参数，脚本，python里的def：自定义函数通常使用def关键字来开始定义。使用def开始函
pythondict是什么类型
pythondict是什么类型，培训，数字，字典，类型，数据类型，冒号，括号，逗号，字符串，容器，python中的dict表示的字典数据类型。字典是另一种可变容器
python input() 类型是什么
python input() 类型是什么，培训，标准，数据，函数，字符串，内容，用户，程序，过程，整数，python3.x中input()函数接受一个标准输入数据，返回为strin
python标准库是什么
python标准库是什么，标准，平台，设计，系统，培训，时间，庞大，组件，模块，操作系统，python标准库非常庞大，所提供的组件涉及范围十分广泛，正如以下内
python迭代器是什么意思
python迭代器是什么意思，数据，培训，位置，对象，方法，函数，数据流，惰性，序列，元素，迭代器(Iterator)：迭代器可以看作是一个特殊的对象，每次调用该python文件后缀名是什么
python文件后缀名是什么，培训，系统，文件，控制台，后缀名，文本，窗口，编辑，程序，源程序，pypy以py扩展名的文件是Python源码文件，由python.exe解释
python ide是什么
python ide是什么，环境，代码，培训，管理，时间，智能，工具，开发者，功能，更多，python的ide是集成开发环境(IDE，IntegratedDevelopmentEnvironment)
python str是什么意思
python str是什么意思，培训，字符串，函数，参数，整数，形式，类型，示例，初始化，变量，str函数是Python的内置函数，它将参数转换成字符串类型，即人适
pythondef有什么作用
pythondef有什么作用，代码，培训，名字，函数，括号，内部，定义，功能，作用，参数，python使用def开始函数定义，紧接着是函数名，括号内部为函数的参数，内