`

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

阅读更多

如:

    1、为什么我的服务器无法远程了?

    2、为什么我的服务器总是自动重启?

    3、为什么我的服务器总是自动重启?

 

以前写这种类型的列表,都是自己用键盘输入这些数字,其实不然,ul 、ol li本身就自带了这个样式,我们没有好好利用起来而已。

 

按照平常写样式,我们会先用reset.css来清除浏览器的样式,这样的话,就会将li 上原本自带的列表样式清除掉,所以我们一般写样式的时候,这些列表样式是显示不出来的。

 

现在我们就来解决列表样式不显示的问题:

 

 

  ul{list-style-type: decimal; }

  ul li{ display: list-item;}

 

这样我们就可以解决了。

分享到:
评论

相关推荐

    ul的li样式

    本篇文章将深入探讨如何利用CSS来调整`<ul>`和`<li>`的样式,以及它们在选项卡式设计中的应用。 首先,`<ul>`元素用来创建一个无序的项目列表,每个列表项则由`<li>`元素定义。默认情况下,浏览器会为`<ul>`添加一...

    jquery实现ul_li菜单展开收起效果

    在网页设计中,导航菜单是不可或缺的部分,而`ul`和`li`元素通常是构建这种菜单的基础。`jQuery`作为一种强大的JavaScript库,提供了简洁的API,使得实现`ul_li`菜单的展开收起效果变得非常简便。这个效果常用于创建...

    ul li实现表格样式

    使用ul li 标签实现的表格样式,可代替table标签,避免搜索引擎收录不了表格中的关键字

    jquery 折叠ul li

    ### 使用jQuery实现ul li列表的折叠效果 在前端开发中,为了提高用户体验并优化界面布局,经常需要实现一些动态效果,比如菜单项的展开与折叠。这种效果可以通过jQuery轻松实现。接下来,我们将详细探讨如何利用...

    JavaScript使用ul中li标签实现删除效果

    本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码,供大家参考,具体内容如下 <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"&...

    CSS的ul和li实现横向排列和去掉li的点

    首先,我们来探讨如何使用CSS实现无序列表ul和列表项li的横向排列以及如何去掉li项前面的默认样式——点。这一需求在网页设计中是非常常见的,特别是当需要制作水平导航栏时。 在CSS中,为了实现ul的横向排列,我们...

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

    以下将详细介绍HTML列表中的一些主要元素:`<dl>`, `<dt>`, `<dd>`, `<ul>`, `<li>`, 和 `<ol>` 的区别及应用。 1. **无序列表(Unordered List)** 无序列表通常用于显示不需按特定顺序排列的项目。它使用`<ul>`...

    div ul li排列图片的样式

    在本场景中,我们要讨论的是如何使用CSS(Cascading Style Sheets)来对`div`内的`ul`和`li`元素进行样式设置,特别是将图片以特定方式排列。`div`常作为容器,`ul`和`li`则常用于创建无序列表,这里可能是指将一...

    CSS3自定义美化UL OL列表

    这是我们之前没有分享过的CSS3特效类型,它是一个可以自定义美化UL和OL列表的CSS3应用。当我们将鼠标滑过每一个列表项的时候都会出现一定的动画特效,效果非常不错。这种列表美化样式一共有3种,发光效果最酷了。

    DIV CSS布局教程:应用ul、li实现表格形式

    标题中的“DIV CSS布局教程:应用ul、li实现表格形式”指的是使用HTML的无序列表(`<ul>`)和列表项(`<li>`)元素,通过CSS样式来模拟传统HTML表格(`<table>`)的效果。这种方法常用于创建灵活、响应式的布局,...

    JS遍历ul下的li点击弹出li的索引的实现方法

    <li>a</li> <li>a</li> <li>a</li> <li>a</li> <li>a</li> </ul> 我们遍历ul 下所有的li 并添加点击事件,一般我们会在for循环里面添加点击事件,但是结果和我们所期盼不一样,那么是为什么呢???? 接下来看看...

    ul li 换色 li 列表布局隔行背景颜色

    ul li 换色 li 列表布局隔行,color from red tabs 背景颜色

    UL+LI模拟selcet标签demo

    这种方法利用了HTML的无序列表`<ul>`和列表项`<li>`元素,通过CSS样式和JavaScript交互来创建一个可选的下拉菜单,使其既具有功能又具有视觉吸引力。 首先,让我们深入了解一下HTML的`<select>`标签。这是一个用于...

    下拉菜单的制作ul 和 li 使用

    如果某个菜单项需要展开显示子菜单,那么这个`<li>`内可以嵌套另一个`<ul>`来表示子级菜单项。 在`style.css`文件中,我们可以看到对这些元素的样式定义。比如,一级菜单可能会设置为水平排列,通过`display: ...

    嵌套ul li 实现简单的二级菜单

    总结起来,实现一个简单的二级菜单主要涉及HTML的`<ul>`和`<li>`结构,CSS的样式控制,以及JavaScript(或CSS3)的交互效果。通过理解这些基本原理,你可以根据项目需求自定义菜单样式和交互效果,提供更优质的用户...

    ul li表格.htm

    ul li表格.htm ul li表格.htm ul li表格.htm

    CSS中的ul与li样式详解.docx

    CSS 中的 ul 与 li 样式详解 CSS 中的 ul 和 li 元素是使用 CSS 布局页面时常用的元素,其中有专门控制列表表现的属性。下面我们来详细介绍这些属性。 一、 list-style-type 属性 list-style-type 属性是用来定义...

    设置ul li内容自动上下滚动

    可以设置<li>的内容上下滚动,很好的东西哦

    jsp ul 下的li 标签循环滚动

    2. **CSS 样式**:设置必要的CSS样式,例如宽度限制,使得`li`元素能够超出`ul`的可视区域,从而实现滚动效果。 ```css #scrollingList { width: 100%; /* 自适应宽度 */ overflow: hidden; /* 隐藏超出部分 */ ...

Global site tag (gtag.js) - Google Analytics