CSS样式表定义标签li

定义LI前面的小点样式 

view plaincopy to clipboardprint?
语法:  
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin   

这些语法就是定义LI前面小点的样式所用到的,当然,前面使用小图标,效果更是千变万化,具体的实施,就是个人的爱好了

view plaincopy to clipboardprint?
   
语法:  
list-style-image : none | url ( url )   
取值:  
none  :

我们也可以定义li前面的点的样式,如list-style-image:url(yun_qi_img/banner.gif);这样你定义的每个样式前面都会有一个图标,

例:

<div id=ap>

<ul><li></li></ul>

</div>

 

我们可以在css里面这样写#ap ul li{list-style-image:url(yun_qi_img/banner.gif);

 

时间: 2024-09-26 14:10:55

CSS样式表定义标签li的相关文章

经验共享:网页技术CSS样式表网页布局经验

css|网页|样式表 1.标签在Mozilla中默认是有padding值的,而在IE中只有margin有值. 2.同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效. 3.一个兼容性调整(IE和Mozilla)的笨办法: 初学可能会碰到这样一个情况:同样一个标签的属性在IE设置成A显示是正常的,而在Mozilla里必须要设成B才能正常显示,或者两个倒过来. 临时解决方法: 选择符

CSS样式表常用小技巧收藏_经验交流

· ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值.  · 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次:对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效.  · 初学可能会碰到这样一个情况,同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者两个倒过来. 临时解决方法:选择符 {属性名:B

CSS样式表技巧总结

一.关于注释 在创建xhtml+CSS网站时,CSS中的注释非常重要.在创建CSS样式时,应当保持随手注释的习惯.一般的,我习惯于使用"/* 注释内容 */"的格式来写注释,因为在EditPlus等具有高亮功能的编辑器里,使用C语言中常用的"/***************/"之类的注释是无意义的,没有必要填充大量无意义内容作为分隔.带有注释的文档作为网站的原始CSS文档,在发布网站的时候,可以使用CSS压缩工具压缩CSS,在输出的CSS中去掉注释以提高文件传输效率

网页每次加载调用不同CSS样式表

在上一篇文章中曾提到要给自己的微博客制作多个样式,然后用户每次访问时随机载入样式,让微博在视觉上保持新鲜感.虽然思路与实现都比较简单,但还是想记录下来,与大家分享. [明确需求] 网页加载样式表default.css,会展现默认风格.同时为实现多种风格,制作了skin1.css,skin2.css,skin3.css三种定制样式.如果在加载default.css后,再加载其中某一样式表,则会覆盖默认风格,展示新风格: 每次随机加载skin1.css.skin2.css.skin3.css,或者使

CSS样式表一席谈之利用CSS改变字体

css|样式表 在过去页面上的字体是一成不变的,静静的呆在那.当DHTML(动态网页)出现后,我们能有更多方式控制字体了.一般来说,动态字体的实现核心是CSS(层叠样式表)加JavaScript.使用了以上两项技术后,字体就能产生许多变化. 1.CSS定义字体的标签元素 font-family: 设置字体字族. <span style="font-family: 黑体, 宋体(GB)">田涛</span> font-sytle:设置字体类型. <span

网页学习基础知识之认识了解CSS样式表

css|网页|样式表 需要具备的基础知识 在继续学习之前,你需要对下面的知识有基本的了解: HTML XHTML 如果你希望首先学习这些项目,请在本站访问相关教程. CSS 概述 CSS指层叠样式表(Cascading Style Sheets),层叠的意思是:多重样式定义被层叠为一. CSS是标准的布局语言,用来控制元素的尺寸.颜色.排版. CSS非常精确,功能强大,易于编写. CSS由W3C发明,用来取代基于表格的布局.框架以及其他非标准的表现方法. 样式(style)定义如何显示HTML元

css样式表的优先级别演示

css|样式表 <!--可以看出直接重定义标签样式的有效性是最低的, 其次是用"."定义的伪类,再次是用重定义标签加伪类的方式(类似于H2.myclass{color:blue}的写法),级别最高的就是用id定义的css样式--><HTML><HEAD> <STYLE> H1{color:red; } .myclass{color:green} H2.myclass{color:blue} #myid{color:brown} </

Dreamweaver使用CSS样式表设置网页文本格式

了解 CSS: 层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观.使用 CSS 设置页面格式时,内容与表现形式是相互分开的.页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件(外部样式表)或 HTML 文档的另一部分(通常为 部分)中.使用 CSS 可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等. CSS 使您可以控制许多仅使用 HTML 无法控制的属性.例如,您可以为所选文本指定不同的

如何在网页中插入CSS样式表

  本例为CSS入门系列教程,在这一课中我们将学习如何在网页中插入CSS样式表,主要学习在页面中插入链入外部样式表.内部样式表.导入外表样式表和内嵌样式的四种方法,另外作者还讲解了多重样式表的叠加的运用以及如何在xml中插入CSS,希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之如何在网页中插入CSS样式表 前面我们了解了CSS的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用.当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表.内