Div Span

网上看到的说明div span的例子，有助于理解，span是行级样式定义元素，div是块级样式定义元素 1 <head>
 2  <meta http-equiv="Content-Style-Type" content="text/css">
 3  <title>HTML示例</title>
 4  <style type="text/css">
 5 .myspan1 { color: #FFFFFF; background-color: #800000; }
 6 .myspan2 { color: #000000; background-color: #CCFFCC; }
 7 .myspan3 { color: #FFFFFF; background-color: #000080; }
 8 .myspan4 { color: #000000; background-color: #FFCCCC; }
 9 .mydiv1 { color: #FFFFFF; background-color: #008000; }
10 .mydiv2 { color: #000000; background-color: #CCCCFF; }
11 .mydiv3 { color: #FFFFFF; background-color: #000000; }
12 .mydiv4 { color: #000000; background-color: #FFFFAA; }
13  </style>
14  </head>
15  <body>
16  <h2>生命必须元素</h2>
17  <span class="myspan1">水</span>
18  <span class="myspan2">维生素</span>
19  <span class="myspan3">蛋白质</span>
20  <span class="myspan4">矿物质</span>
21  <hr/>
22  <div class="mydiv1">水</div>
23  <div class="mydiv2">维生素</div>
24  <div class="mydiv3">蛋白质</div>
25  <div class="mydiv4">矿物质</div>
26
27 </body>

时间： 2024-08-02 13:30:31

Div Span的相关文章

div/span等获取焦点问题(tabindex属性的简单理解)

1.先看问题当我们要对一个div/span元素获取焦点的时候,直接对$("#div1").focus()是不能实现效果的,比如下图: 当点击输入框进行输入后,在点击区域弹出选择地段的时候,input输入框并没有失去焦点(或者说区域的div没有获得焦点),就出现了键盘显示在弹层的上面导致无法选择的bug 解决办法有两个: a:循环所有的input等可以获取焦点的元素,让他们失去焦点(blur); b:点击区域选择地段的时候让div获取焦点,从而解决input不失焦的问题: 在这里对于普

DIV/SPAN通用子窗口展现、关闭JS接口

子窗口通用接口,基于jQuery支持使用.目前设计时,使用的是1.7.2版.FF默认焦点未失去问题存在. HTML & JS: <html> <head> <title></title> <script charset="GB2312" type="text/javascript" src="js/jquery-1.7.2.js"><

div span ul ol 区别

一不小心跑偏了qwq 1.ol和ul <ol> <li> </li> <li> </li> <ul> <ul> <li> </li> <li> </li> </ul> 上面那两块的区别在于ul块中的行有小圆点,<li>是行的意思: 2.div和span div和span都是块,但是div是自动分行的:

下拉按钮控制下面菜单 Div || span显示的内容

1.效果 2.前太js //预算数标题及数据 function initTxet() { var servercall = new CallServer(webserviceurl.FMBudget, "initTxet", { "budgettype": CurrentCardType }); var result = servercall.Call(function (arg) { var dl = jQuery("#callvisittext&quo

jquery给div,Span,赋值取值

jquery给div的innerHTML赋值 $("#id").html()="test"; //或者 $("#id").html("test"); jquery 给span 赋值 $('#hiddenNote').text(‘getSpanValues’); span取值 $('#hiddenNote').text(); 原文地址:https://www.cnblogs.com/zhongzhipeng/p/11375213

asp.net c#过滤html代码,净化DIV SPAN等

public static string GetSafeHtml(string val) { if (string.IsNullOrEmpty(val)) { return string.Empty; } var v1 = Sanitizer.GetSafeHtmlFragment(val);//安全字符 var v2 = SanitizerCompatibleWithChineseCharacters(v1);//中文乱码 //Regex objRegEx=new Regex("<([^

Html div和span详解

div和span的区别 div: div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容.一般我们在网页通过div来布局定位网页中的每个区块. Span: span是一个内联元素,没有实际意义,它的存在纯粹是为了应用样式,给一段内容加上<span></span>标记可以通过在span上定义样式来设定其内容的样式. div和 span元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染.主要用于应用样式表. 比如:代码: <html> <head&

23----2013.07.01---Div和Span区别,Css常用属性,选择器,使用css的方式,脱离文档流,div+css布局,盒子模型,框架,js基本介绍

01 复习内容复习之前的知识点 02演示VS创建元素 03div和span区别通过display属性进行DIV与Span之间的转换. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&

块和内嵌div和span

1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 body{ font-family:"宋体"; font-size:20px;} 8 div,span{width:100px;height:100px;background:red;borde