关于<ul><ol><li>的用法

<ul>:无序列表 <ol>:有序列表 <li>:行. 想要去掉前面的序号和点可以在<ol>或<ul>style中用list-style: none,想让内容居中,必须要加 text-align: center; padding: 0px:…

ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好 ol 有序列表.<ol><li>……</li><li>……</li><li>……</li><…

Div+css中ul ol li dl dt dd使用

ol 有序列表.<ol><li>……</li><li>……</li><li>……</li></ol>表现为:1……2……3…… 属性start可设置开始: <ol start="50"> <li>咖啡</li> <li>牛奶</li> <li>茶</li></ol> 表现: 50. 咖啡 51.…

HTML中的ul, ol,li , dl,dt, dd标签

ul: unordered lists ol: ordered lists li: Lists ol 有序列表. <ol><li>……</li><li>……</li><li>……</li></ol> 表现为: 1……2……3…… ul 无序列表,表现为li前面是大圆点而不是123 <ul><li>……</li><li>……</li></ul>…

ul ol li的序号编号样式

序号样式例子,下面是html代码(做参考) <ol> <li>列表内容列表内容列表内容列表</li> <li>列表内容列表内容列表内容列表</li> <li>列表内容列表</li> <li>列表内容列表内容4</li> <li>列表内容列表内容5</li> </ol> 一.示例1.自定义序号,一般的列表顺序都是以1.2.3.为序号,但需要“.”代替“.” ,这时…

html5 分组标签 br hr p div blockquote figure ul ol li pre

<br> 换行, 单标签 <hr> 分割线,水平线 <p> 段落, 有<br>换行功能, 而且行距会比普通换行要宽. <div> 通用分组, 看上去和<br>是完全一样的. 但是br是单标签, 双标签是可以控制内容的属性的. <blockquote> 页边缩进. 引用整块文字的段落, 多用于转换场景意境的引用. 多用于正规书籍出版, 或者微信平台美化. <pre> …

1) 嵌套的 div ,或者 ul ol .li 阻止冒泡 ,特别是对应onclick="test(event)" 通过传递event 阻止冒泡. cancelBubble , stopPropagation

1 .html 结构: <ul class="ul_2 hide" data-first="5"> <li class="li_2" onclick="getSecond(this, 6)">5学习目标 <ul class="ul_3"> <li class="li_3" onclick="getThird(this, 11, even…

ul和li 基本用法分析（这里主要想学习怎么用在导航栏中）

常用作:导航,少量数据表格,居中一.做导航,居中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta…

块和内嵌总结，以及各个标签的应用。其中的ul ol dl特殊定义为auto，使得里面的内容展开

<!doctype html> <html> <head> <meta charset="UTF-8"/> <title>无标题文档</title> <style> body *{height:30px;border:1px solid #000} ol,ul,dl{height:auto;} </style> </head> <body> <header>…

0308-标签的用法(a,ul/ol,table)

标签分为: 一般标签:<div> <span> <br/> <hr/> 功能标签:<a> <img> 实体标签:≶ > sup sub <a>标签的功能和用法 1.页面跳转--用<a>标签实现 2.定位锚点 ①<a name="值"> ②<标签 id="值"> 跳:<a href="#值">点击跳转</a…

HTML 中的 dl(dt,dd)、ul(li)、ol(li)

HTML <dl> 标签 #定义和用法 <dl> 标签定义了定义列表(definition list). <dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目). #实例 <dl> <dt>计算机</dt> <dd>用来计算的仪器 ... ...</dd> <dt>显示器</dt> <dd>以视…

ol,li,ul,dl,dt,dd

块级元素div尽量少用,其实和table一样,嵌套越少越好,它也是会影响速度的! ol 有序列表. <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表现为: 1…… 2…… 3…… ul 无序列表,表现为li前面是大圆点而不是123 <ul> <li>……</li> <li>……</li> </ul&…

ul 、ol li 继承原有样式的问题

如: 1.为什么我的服务器无法远程了? 2.为什么我的服务器总是自动重启? 3.为什么我的服务器总是自动重启? 以前写这种类型的列表,都是自己用键盘输入这些数字,其实不然,ul .ol li本身就自带了这个样式,我们没有好好利用起来而已. 按照平常写样式,我们会先用reset.css来清除浏览器的样式,这样的话,就会将li 上原本自带的列表样式清除掉,所以我们一般写样式的时候,这些列表样式是显示不出来的. 现在我们就来解决列表样式不显示的问题: ul{list-style-type:…

外部样式OL LI的定义影响到了富文本框内的UL LI的定义，使用内部样式对其还原

前端 HTML body标签相关内容常用标签列表标签 ul，ol,li

列表标签 ul,ol,li ul.ol.li标签都属于块级标签,独占一行网站页面上一些列表相关的内容比如说物品列表.人名列表等等都可以使用列表标签来展示.通常后面跟<li>标签一起用,每条li表示列表的内容,li不能单独存在,必须包裹在ul,ol里面 <ul>:unordered lists的缩写无序列表,无序列表中的每一项是<li> <!DOCTYPE html> <html lang="en"> <head&g…

JQ 获取ul\ol 下面li的个数

使用 jQuery 获取 ul 下面 li 的个数,那么我们需要遍历我们的ul.如果你的ul有class .id 或两者都没,您可以使用 ul 标签来遍历. //遍历ul 获取li个数 $(".ulClass/#ulId/ul").each(function (index, value) { var l = $(this).find("li").length; console.log(l); }); 或者您不知道到 this 指代啥,您也可以不用this. $(&q…

ul ol di三者区别

1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul> .可以随意放置 .可以随意放置 .可以随意放置 2.ol就序列表,会按照你写的li前后依次排列: <ol> <li>我是第一</li> <li>我是第二</li> <li&…

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

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

ul ol dl

1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul> .可以随意放置 .可以随意放置 .可以随意放置 2.ol就序列表,会按照你写的li前后依次排列: <ol> <li>我是第一</li> <li>我是第二</li> <li&…

ul ol 列表的样式的控制

ul( Unordered List)无序列表 ol(Ordered List)有序列表列表的样式: 列表原有符号.自定义图形符号.符号显示位置. 1．列表符号是显示于每一个列表项目前的符号标识. list-style-type:参数参数: disc:圆形(默认) circle:空心圆 square:方块 decimal:十进制数字 lower-roman:小写罗马数字 upper-roman:大写罗马数字 lower-alpha:小写希腊字母 upper-alpha:大写希腊字母 non…

[HTML]去除li前面的小黑点,和ul、LI部分属性

[转] 对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除.[HTML]去除li前面的小黑点,和ul.LI部分属性[转] 对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除.1.在CSS中写入代码.找到相关性的CSS,在..li和.ul下写入list-sytle:none;当然有的会这样来写list-style-typ…

列表(ul ol dl)

Title 1 2 3 1 2 3 a 1 2 b 1 2 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>  <ul> <li>1</li> <li…

ul、li模仿ios的TableView实现城市选择

最近项目一个接着一个,之前说的精创环的项目还没做完,今天说先把那个放一下,先做访客系统,销售会见客户之后可以对客户进行一个跟踪记录,原型图也给了,今日头条的频道自定义页面一样. 如果是在IOS上让我来做我能很快搞定,但是让用web来做可是难着我了,由于上一博客也写了关于ul.li的导航的demo,我也知道这个也可以用ul.li来做,但是真自己动手做的时候完全不是那回事,搞了半天都没搞定,华为那边客户说让两天搞定,真是压力山大.今天晚上下班吃完饭就坐在电脑前来解决这个问题,功夫不负有心人,可算是解…

ul、li实现横向导航按钮

好久没写博客了,主要是懒得呼气都不想呼,上周分给我一个新的任务,就是自己新建一个系统,快速极限开发,虽然之前自己也做过小的系统,但毕竟是自己做,随着自己的心意做,没有做其他的限制等,现在呢是给公司做,所以在质量上是绝对要比自己一个人做着玩要高.上周算是把框架搭起来来,今天上午熟悉下需求,下午的时候把数据库中关键的几个表设计了一下,明天就要往框架里面搬砖了,华为那边还说要两周搞定,word 哥啊,压力山大,不过这几天学的东西也挺多的,之前做的项目是用webform做的,框架也是传统的三层,现在的这…

CSS中的ul与li样式详解

CSS中的ul与li样式详解ul和li列表是使用CSS布局页面时常用的元素.在CSS中,有专门控制列表表现的属性,常用的有list-style-type属性.list-style-image属性.list-style-position属性和list-style属性. 一.list-style-type属性 list-style-type属性是用来定义li列表的项目符号的,即列表前面的修饰.list-style-type属性是一个可继承的属性.其语法结构如下:(列举一些常用的属性值) list-s…

div、ul、li等无法居中问题，text-align无效 margin auto无效

很简单.如果是div,直接把div换成: <table align="center"> <tr> <td> div里的内容 <td> <td> </table> ul与li也一样.把ul外面套一个这玩意就行,最终: <table align="center"> <tr> <td> <ul .... /> <…

ul中li分列显示

让ul中li分列显示,用li显示两列如下(要显视多列的自己想办法,哈哈): 2列 <ul> <li style="display:block;float:left;width:50%"><a href="url">a</a> </li> <li style="display:block;float:left;width:50%"><a href="url&qu…

CSS中的ul与li样式详解 list-type

转自新浪博客http://blog.sina.com.cn/u/2539885750 ul和li列表是使用CSS布局页面时常用的元素.在CSS中,有专门控制列表表现的属性,常用的有list-style-type属性.list-style-image属性.list-style-position属性和list-style属性. 一.list-style-type属性 list-style-type属性是用来定义li列表的项目符号的,即列表前面的修饰.list-style-type属性是一个可继承的属…

关于table的td和ul元素li隔行变色的功能实现

table元素的td和ul元素li隔行变色的功能实现利用css控制二者的样式轻松实现隔行换色: 例如:table的css样式控制: table tr td{ background-color:颜色1 } table tr td:nth-child(2n+1){ background-color:颜色2 } ul的li样式控制 ul li{ background-color:颜色1: } ul li:nth-child(2n+1){ background-color:颜色2:…

如何使ul中li元素横向排列且不换行

外层div容器宽度固定,ul宽度随li(li宽度固定)的增加而撑开,但是当ul中li的宽度之和大于div时,ul没有撑开,而是li换行了,如何使li不换行? 解决方法:主要是外面容器设置为white-space:nowrap:li设置为display:inline-block:而不是float:left: <!DOCTYPE html> <html> <head> <style> #pic_list { display:block; white-spac…