css教程之列表属性

原创 2015年11月17日 19:24:14
列表属性(相关css教程
 
CSS属性:
7、列表属性:
这里的属性用来描述列表(list)的一系列属性。
list-style-type属性描述用于列表每一项前使用的符号:
属性名称: 'list-style-type'
属性值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
初始值: disc
适合对象: 列表元素
是否继承: yes
百分比备注: 被禁止
属性值含义为:
disc:圆饼形。
circle:空心圆形。
square:方形。
decimal:十进制数值。
lower-roman:小写罗马数字。
upper-roman:大写罗马数字。
lower-alpha:小写希腊字母。
upper-alpha:大写希腊字母。
例如:
<STYLE>
OL { list-style-type: lower-roman }
</STYLE>
<BODY>
<OL>
<LI> This is the first item.
<LI> This is the second item.
<LI> This is the third item.
</OL>
</BODY>
还可以利用list-style-image把列表前面的符号换为图形:
属性名称: 'list-style-image'
属性值: <url> | none
初始值: none
适合对象: 列表元素
是否继承: yes
百分比备注: 被禁止
<url>可以是绝对地址,也可以是相对地址。

list-style-position属性用于描述列表的位置显示:
属性名称: 'list-style-position'
属性值: inside | outside
初始值: outside
适合对象: 列表元素
是否继承: yes
百分比备注: 被禁止
属性值outside和inside分别表示在BOX外部显示或内部显示,例如:
<STYLE type="text/css">
UL { list-style: outside }
UL.compact { list-style: inside } </STYLE> <UL>
<LI>first list item comes first
<LI>second list item comes second
</UL>
<UL class=compact>
<LI>first list item comes first
<LI>second list item comes second
</UL>
list-style属性为以上属性的快捷方式:
属性名称: 'list-style'
属性值: <'list-style-type'> || <'list-style-position'> || <'list-style-image'>
初始值: no
适合对象: 列表元素
是否继承: yes
百分比备注: 被禁止
例如:
UL { list-style: upper-roman inside } /* 对任何UL有效*/
UL ~ UL { list-style: circle outside } /* 对任何UL内部的UL标记有效*/
版权声明:本文为博主原创文章,未经博主允许不得转载。

常用的CSS属性列表汇总

常用的CSS属性列表汇总   近期教学给学员总结常用的CSS属性,方便学习查询,正好发上来也给大家分享一下。   表格最右列的数字标识支持的CSS最低版本。     0...

CSS属性含义列表(全)

css属性列表 属性名称         字体属性(Font)     font-family     font-style font-variant ...
  • lgx06
  • lgx06
  • 2012年11月02日 13:23
  • 517

CSS学习笔记(三)布局 背景 字体 文本 边框 列表 复杂样式一一相关属性

CSS 背影相关属性效果:                            background-color              设置背景颜色                      ...

CSS+HTML实例集合一,改变字体(样式,大小),overflow布局属性(如显示隐藏文字等),列表的展开闭合

改变字体(样式,大小) 无标题文档 a:link,a:visited{/*设置点击前,点击后a标签样式一样*/ color:#FF9900;/*颜色*/ text-deco...

css基础-盒子(div)模型、属性、边框线的设置、padding、margin、网站的设置思想(float),图片代替列表符号

css基础-盒子(div)模型、属性、边框线的设置、padding、margin、网站的设置思想(float),图片代替列表符号...

css属性列表_和_属性值含义

  • 2013年09月17日 09:35
  • 102KB
  • 下载

CSS属性display:inline-block;实现列表布局

1、先说一下列表浮动布局列表浮动布局:指通过使用float属性,让列表元素依次排列的布局(通常是左浮动,float:left)。这是相当常见的也是目前最最主流的列表布局方式。列表浮动布局的局限性:每个...

iPhone开发基础教程笔记(十一)--第十一章 基本数据持久性(属性列表、归档对象、SQLite3)

第十一章 基本数据持久性 本章将介绍将数据持久存储到iPhone的文件系统的三种不同的机制。并介绍如何使用属性列表、对象归档以及iPhone的嵌入式关系 数据库(称为SQLite3)。 ...

【网站制作视频教程】-第23讲 css列表-边框详解!-传智播客

网页设计视频教程下载地址:http://icd.itcast.cn/icd/video.shtml?from=wl 概要:  看到许多网站的边框许多是圆角的,很漂亮,可是我作图本领不行,所以想想能...

【网站制作视频教程】-HTML CSS列表元素ul,ol,dl的研究与应用!-传智播客

一些实例与应用 1、导航条 迄今为止,无序列表最常见的用途就是导航条,无论是水平的还是垂直的,自从基于表的布局已经过时,无序列表已经被当作导航元素的基础被广泛的应用,原因如下列表所示: 2、...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css教程之列表属性
举报原因:
原因补充:

(最多只允许输入30个字)