沙龙活动3月31日,京东和微博专家与您讨论容器技术实践!
如果您习惯在CSS中使用ul和li样式,那么这是一个共享资源。控制列表性能的CSS属性,常用的列表样式类型属性,列表样式图像,样式位置属性列表和列表样式属性。
CSS的ul和li样式的详细描述
使用CSS设计页面时,ul和li列表是经常使用的元素。
CSS具有专门控制列表性能的属性。通常使用列表样式类型,列表样式图像属性,列表样式位置属性和列表样式属性属性。
首先,列出样式类型属性
列表样式类型属性用于定义li列表的视图,即列表前的装饰。
列表样式类型属性是可继承的属性。
语法如下:(列出一些常见的属性值)
列表样式类型:无/光盘/圆形/方形/化学/底部Alpha /顶部Alpha /底部罗马/顶部罗马
列表样式类型属性具有许多属性值。这里只列出最常用的。
无:不要使用子弹。
光盘:黑色圆圈。
圆圈:白色圆圈。
广场:黑色方块。
化学品:阿拉伯数字。
底部alpha:小写字母。
Alpha Superior:大写英语。
罗马低:降低罗马数字。
Roman Alto:罗马字母中的大写数字。
以下是使用列表样式类型属性的示例代码:
李{?
样式列表类型:square;}?
是吗?
李是李清单的内容吗?
李是李清单的内容吗?
李是李清单的内容吗?
是吗?
以下是将此样式应用于页面的效果:
接下来,list-style-image属性
list-style-image属性用于定义图像的使用而不是vignet。
它也是一个具有以下语法的可继承属性:
列表样式图像:无/网址
list-style-image属性有两个值。
无:没有替代图片。
URL:如何替换图像。
看看代码。
李{?
列表样式图片:url(images / bg03。
GIF);}}
是吗?
李是李清单的内容吗?
李是李清单的内容吗?
李是李清单的内容吗?
是吗?
效果如下。
第三,列表样式位置属性
list-style-position属性用于定义列表中框架的位置。
它也是一个具有以下语法的可继承属性:
位置样式列表:内/外
内部:项目符号放在文本中。
外面:子弹放在文本之外。
以下是使用list-style-position属性的示例:
李{?
样式列表类型:方块?
列表样式位置:外部;}?
是吗?
?使用列表样式位置属性值的示例。
换行后要小心子弹的位置。
李?
李是李清单的内容吗?
李是李清单的内容吗?
是吗?
效果如下。
让我们看看里面有属性值的样式。
李{?
样式列表类型:方块?
列表样式位置:inside;}?
是吗?
这里Li是使用内部列表的位置样式属性值的示例。
换行后要小心子弹的位置。
李?
李是李清单的内容吗?
李是李清单的内容吗?
是吗?
第四,列出样式属性
列表样式属性是整体建立li样式的属性,也是可继承的属性。语法结构如下:
李式:列表样式类型/列表样式图像/列表样式位置
可以交换各个值的位置。
例如,
李{?
列表样式:url(images / bg03。
GIF)里面;}?
是吗?
这里Li是使用list style属性的示例。
换行后要小心子弹的位置。
李?
李是李清单的内容吗?
是吗?
您可以看到应用于页面的效果。