list-style | 易学教程

前端三贱客 -- CSS

阅读更多关于前端三贱客 -- CSS

CSS（Cascading Style Sheets）给你的html页面穿上衣服让其看起来性感，美观。 css选择器类选择器  <style type="text/css"> .cl{ background-color: blue; width: 200px; position: absolute; left: 0;top: 50px;bottom: 0; } </style> <div class="cl">class test</div> View Code ID选择器 1  2 <style type="text/css"> 3 #id1{ 4 background-color: red; 5 height: 30px; 6 font-size: 18px; 7 text-align: center; 8 line-height: 30px; 9 } 10 </style> 11 <div id="id1">好好学习，天天向上</div> View Code 标签选择器  <style type="text/css"> a { color: red; } </style> <ul>

可继承和不可继承的属性

阅读更多关于可继承和不可继承的属性

css中默认会继承的属性：一是文本相关的属性，具体有：font-family、font-size、font-style、font-variant、font-weight、font、letter-spacing、line-height、text-align、text-indent、text-transform、word-spacing、二是列表相关的属性，具体如下：list-style-image、list-style-position、list-style-type、list-style. 还有一个属性比较重要的是 color 属性。 ·········································································································· 一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin

list-style-type:none是加在ul还是li中呢？

阅读更多关于 list-style-type:none是加在ul还是li中呢？

很多时候我们都需要多对列表元素进行初始化，方法是给列表元素添加list-style-type: none，但作为小白的我是经常纠结一个问题：是把它加在ul中还是li中呢我试了一下，加在ul和li都能达到同样的效果，如下把list-style-type: none加在li上： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>前端小王子</title> <style> /*reset*/ body{ margin: 0; } ul{ margin-top: 0; margin-bottom: 0; padding-left: 0; } li{ list-style-type: none; } /*list*/ .list{ width: 125px; margin: 50px auto; background-color: #e8e8e8; } </style> </head> <body> <ul class="list"> <li>放假了</li> <li>买个地球仪吧</li> <li>世界那么大</li> <li>你不但可以看看</li> <li>还可以转转</li> </ul> </body> </html> 虽然可以去掉前面的符号，li的list-style-type也为none，但是ul的list

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

阅读更多关于 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; </style> 3、在li,ul内加入list-style。如<ul style="list-style-type:none><li><a herf="http://blog.csdn.net/business122">我的博客</a></li>< /ul> 当然这种是很麻烦的了。最简单的就是第一种了，通过CSS来控制，这个当然会有不错的效果了。这几种方法都是通过设置list-style:none来设置的，有的是会用list-style-type，下面我们来看一看它的属性. none不使用项目符号 disc实心圆，默认值 circle空心圆 square实心方块 decimal阿拉伯数字 lower-roman小写罗马数字 upper-roman大写罗马数字 lower-alpha小写英文字母 upper

XPath函数——字符串函数

阅读更多关于 XPath函数——字符串函数

字符串函数主要用来处理字符串。字符串函数主要包括以下：concat(),contains(),normalize-space(),substing(),substring-before(),subsring-after(),translate(). 1、concat() concat()函数用于串连多个字符串。简单示例： xml： <?xml version="1.0" encoding="UTF-8"?> <root> <e id="1">st</e> <e id="2">nd</e> <e id="3">rd</e> </root> */ /*--> */ xslt： <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="text" version="1.0" encoding="gb2312" indent="yes"/> <xsl:template match="/root"> <xsl:for-each select="e"> <xsl:value-of select="concat(@id,.,' ')"/> </xsl:for-each> <

ol li 不显示编号

阅读更多关于 ol li 不显示编号

第一种可能性是样式重置导致去掉list-style:none; 第二种可能性是设置了*{margin:0;padding:0} 可以在需要的位置加上margin-left:10px;(根据自己需要设定) 有序列表需要一定的边距才可以设置的 ul>li{ margin-left:30px; list-style-type: disc; } ol>li{ margin-left: 30px; list-style: decimal; } 来源： https://www.cnblogs.com/why98/p/12243255.html

Html中CSS之去除li前面的小黑点,和ul、LI部分属性方法

阅读更多关于 Html中CSS之去除li前面的小黑点,和ul、LI部分属性方法

对于很多人用div来做网站时，总会用到，但在显示效果时前面总是会有一个小黑点，这个令很多人头痛，但又找不到原因，其实我们可以用以下方法来清除。 1、在CSS中写入代码。找到相关性的CSS，在.li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。 2、在相关的页面找到head部分写入下面的代码 <style type="text/css"> list-style:none; </style> 3、在li,ul内加入list-style。如<ul style="list-style-type:none><li><a herf="http://blog.csdn.net/business122">我的博客</a></li>< /ul> 当然这种是很麻烦的了。最简单的就是第一种了，通过CSS来控制，这个当然会有不错的效果了。这几种方法都是通过设置list-style:none来设置的，有的是会用list-style-type，下面我们来看一看它的属性. none不使用项目符号 disc实心圆，默认值 circle空心圆 square实心方块 decimal阿拉伯数字 lower-roman小写罗马数字 upper-roman大写罗马数字 lower-alpha小写英文字母 upper

中文排版CSS心得[转摘]

阅读更多关于中文排版CSS心得[转摘]

数月来学习web标准，并遵循标准设计和制作web页面。一直想写点什么，整理一下自己的心得体会。写这篇文章，主要是针对中文排版设计，英文排版因为很少做，所以不涉及。先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用，后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版，比如中文字的截断、固定宽度词内折行（word-wrap和word-break）等等。因为只是写一些应用方面的心得，如果需要完整的CSS属性介绍，请参考CSS手册。 1、如何设定文字字体、颜色、大小 —— 使用font font-style设定斜体，比如font-style: italic; font-weight设定文字粗细，比如font-weight: bold; font-size设定文字大小，比如font-size: 12px;（或者9pt，不同单位显示问题参考CSS手册） line-height设定行距，比如line-height: 150%; color设定文字颜色（注意不是font-color），比如color: red; font-family设定字体，比如font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;（这是通用的写法）以上都可以写在一行font属性里

HTML+CSS学习笔记（十三）

阅读更多关于 HTML+CSS学习笔记（十三）

HTML包含专门用于创建项目列表的元素，你可以创建普通列表、编号列表、符号列表以及描述列表，列表之中可以嵌套另一个列表。所有的列表都由父元素和子元素构成，父元素用于指定列表的项目类型，子元素用于指定要创建的列表项目类型。有这样三种类型： 1 、有序列表——ol为父元素，li为子元素 2 、无序列表——ul为父元素，li为子元素 3 、描述列表——dl为父元素，dt和dd分别代表dl中的术语和描述其中，无序列表是最常见的！一、创建有序列表和无序列表如果列表项的顺序对于列表来说非常关键，这种时候有序列表就是恰当的选择。有序列表适于提供完成某一项任务的分步说明，或用于创建大型文档的大纲。 <ol> <li>……..</li> <li>……..</li> <li>……..</li> </ol> 默认是阿拉伯数字创建带编号的有序列表。无序列表正好相反，且应用更加普遍，如果列表项的顺序不太重要就使用无序列表。 <ul> <li>……..</li> <li>……..</li> <li>……..</li> </ul> 默认情况下列表前面显示实心黑色圆点。注意：列表前的样式都可以通过CSS修改，所以在使用标签的时候一定要严格遵循语义！二、选择标记创建列表时，无论是有序列表还是无序列表，都可以选择出现在列表项目左侧标记的类型。 1 、选择标记在样式表中，输入list

list-style:none outside none;的作用

阅读更多关于 list-style:none outside none;的作用

今天在论坛里面看到一篇文章，讲的是以前忽略的一个问题。就是当ul里面有float和display：inline，在ie6、ie7里面会有一些问题。一般对ul进行reset也好，或是设置ul的样式时，往往要写list-style-type：none，有时偷懒点写list- style：none。这个在ff、ie8下面显示正常，列表符隐去不见，li里面的内容与框之间没有距离，但是在ie6、ie7里面虽然也会隐去列表符，但是会保留列表符在li里面占得位置。废话少说直接上代码： <style type = "text/css" > body , ul , li , p { padding : 0 ; margin : 0 ; font - size : 12px ;} p { font : bold 16px / 180 % arial ;} div { float : left ; display : inline ; background :# eee ; margin - right : 10px ;} p span { text - decoration : line - through ;} ul { width : 275px ; margin : 4px 0 0 15px ; background : aqua ;} . ul01 { float : left ;

订阅 list-style