list-style

前端三贱客 -- CSS

那年仲夏 提交于 2020-04-04 17:42:43
CSS(Cascading Style Sheets)给你的html页面穿上衣服让其看起来性感,美观。 css选择器 类选择器 <!-- class选择器以"."开头,html用class="xxx"引用 --> <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 <!-- id选择器:以"#"开头,html用id="xxx"引用 --> 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 标签选择器 <!--针对a标签设置属性--> <style type="text/css"> a { color: red; } </style> <ul>

可继承和不可继承的属性

泪湿孤枕 提交于 2020-03-26 23:55:44
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中呢?

本小妞迷上赌 提交于 2020-03-08 13:27:25
很多时候我们都需要多对列表元素进行初始化,方法是给列表元素添加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

柔情痞子 提交于 2020-03-03 10:04:56
对于很多人用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函数——字符串函数

时光怂恿深爱的人放手 提交于 2020-02-02 03:49:53
字符串函数主要用来处理字符串。字符串函数主要包括以下: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 不显示编号

蓝咒 提交于 2020-01-30 18:23:55
第一种可能性是样式重置导致 去掉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部分属性方法

百般思念 提交于 2020-01-30 02:23:04
对于很多人用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心得[转摘]

懵懂的女人 提交于 2020-01-28 16:42:03
数月来学习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学习笔记(十三)

岁酱吖の 提交于 2020-01-03 14:47:43
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;的作用

做~自己de王妃 提交于 2019-12-26 21:53:37
今天在论坛里面看到一篇文章,讲的是以前忽略的一个问题。就是当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 ;