10.分类属性_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

10.分类属性

作者：闵涛文章来源：闵涛的学习笔记点击数：670 更新时间：2009/4/23 13:47:43

显示
语法: display: <值>

允许值: block | inline | list-item | none

初始值: block

适用于: 所有对象

向下兼容: 否

显示属性允许使用四个值中的一个来定义一个元素:

block (在元素的前和后都会有换行)
inline (在元素的前和后都不会有换行)
list-item (与block相同, 但增加了目录项标记)
none (没有显示)
每个元素都典型地由浏览器基于HTML规格建议的展示形式给出一个缺省的显示值。

显示属性可能并不安全，因为它使用另外的不合适的格式显示元素。使用值none将关闭指定元素及其子元素的显示！

----------------------------------------------------------------------------

空白
语法: white-space: <值>

允许值: normal | pre | nowrap

初始值: normal

适用于: 块级元素

向下兼容: 是

空白属性将决定如何处理元素内的空格. 该属性的值取以下三个中的一个:

normal (将多个空格折叠成一个)
pre (不折叠空格)
nowrap (不允许换行，除非遇到<BR>标记)

----------------------------------------------------------------------------

目录样式类型
语法: list-style-type: <值>

允许值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

初始值: disc

适用于: 带有显示值的目录项元素

向下兼容: 是

目录样式项属性指定目录项标记的类型，当目录样式图象值为none或当图象载入选项被关闭时使用。

例如:

LI.square { list-style-type: square }
UL.plain { list-style-type: none }
OL { list-style-type: upper-alpha } /* A B C D E etc. */
OL OL { list-style-type: decimal } /* 1 2 3 4 5 etc. */
OL OL OL { list-style-type: lower-roman } /* i ii iii iv v etc. */

----------------------------------------------------------------------------

目录样式图象
语法: list-style-image: <值>

允许值: <url> | none

初始值: none

适用于: 带有显示值的目录项元素

向下兼容: 是

当图象载入选项打开时，目录样式图象属性在指定目录项标记使用哪个图象代替由目录样式类型属性指定的标记。

例如:

UL.check { list-style-image: url(/LI-markers/checkmark.gif) }
UL LI.x { list-style-image: url(x.png) }

----------------------------------------------------------------------------

目录样式位置
语法: list-style-position: <值>

允许值: inside | outside

初始值: outside

适用于: 带有显示值的目录项元素

向下兼容: 是

目录样式位置属性可以取值inside(内部) or outside(外部)，其中outside是缺省值。整个属性决定关于目录项的标记应放在那里。如果使用inside值，换行会移到标记下，而不是缩进。应用的例子如下:

Outside rendering:
* List item 1
second line of list item

Inside rendering:
* List item 1
second line of list item

----------------------------------------------------------------------------

目录样式
语法: list-style: <值>

允许值: <目录样式类型> || <目录样式位置> || <url>

初始值: 未定义

适用于: 带有显示值的目录项元素
向下兼容: 是

目录样式属性是目录样式类型、目录样式位置，和目录样式图象属性的略写。

例如:

LI.square { list-style: square inside }
UL.plain { list-style: none }
UL.check { list-style: url(/LI-markers/checkmark.gif) circle }
OL { list-style: upper-alpha }
OL OL { list-style: lower-roman inside }

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程： 11.CSS 单位

下一篇教程： 9.方框属性

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……