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是自动分行的；

时间： 2024-12-18 23:21:30

div span ul ol 区别的相关文章

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用工具/原料 html,dw软件方法/步骤 1 无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 2 有序列表同样,有序列表也是一列项目,列表项目使用数字进行标记. 有序列表始于 <ol> 标签.每个列表项始于 <li> 标签. 3 定义列表自定义列表不仅仅是一列项目,而是项目及其注释的组合. 自定

制作网页时Div与Table的区别

1.制作效率我想没人反对表格的制作效率要高于Div的效率.很明显Div布局代码全部都要手写.即使你在熟悉代码,也没有 Dreamweaver生成来的快吧!所以Table可以很容易建立起结构化的界面,通过table自身的参数定义,我们能把页面布局很快定义成我们所需要的效果. 2.浏览器的兼容问题 table和div在兼容问题中,table更具有优势. 我们常用的IE6.0,IE7.0火狐Firefox浏览器对div css设置上非常挑剔,往往同一个css在2种浏览器上会有不同的结果,对设计制作人

2016/4/17 去除 ul ol 前标记 list-style：none list-style-type:none

对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除. 1.在CSS中写入代码.找到相关性的CSS,在..li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见. 2.在相关的页面找到head部分写入下面的代码 <style type="text/css"> list-style:none; &l

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

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

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: #FFF

html 中的ul,ol标签

ul为无序列表 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> ol 为有序列表 <ol type="A"> <li>1</li> <li>2dd</li> <li>3</li>

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"><

关于css中列表（ul ol）存在默认间距的问题

一.总结: 有时候我们要给列表(ul ol 本身就是属于块级元素)的上表框或下边框设置颜色,如下: 但是在给内联块级元素(inline-block)的上表框或下边框设置颜色的时候,就没有这么简单: 在前辈的博客中了解到:ul或ol中的li与li之间之所以会有间隙,是因为空白符引起的. 因为我们一般都是一行一个li,换行都会产生空白符.上面的日历也可以看到每个数之间有明显的间隙. 解决办法:将ul或ol的font-size设置为0,消去空白间隙,重新在给li定义字体的大小. 修改后的效果: 需要注

#nav li:hover ul 与#nav li a:hover ul 的区别

#nav li:hover ul 与#nav li a:hover ul 有什么区别? ──────────────────────────────────────────── #nav li:hover ul 与#nav li a:hover ul 的区别在于前者是鼠标在li上时的ul的样式后者是鼠标在li的a上时的ul的样式 ──────────────────────────────────────────── 这个问题还要考虑浏览器. css1.1 里 :hover 伪类只能用在 a