css列表

列表是有三种形式：

1.无序列表，用来表示一个列表语义，并且每个项目与项目之间是不分先后顺序的

ul 的英文unordered list “无序列表”

li 的英文 list item “列表项”

<ul>

</ul>

列表项li不能单独的存在，必须包裹在ul标签里面,如果

没有被ul标签包裹，默认没有ul的语义，所以直接没有排版

Ul标签并不是给文字添加小圆点的，而是给无序列表增加“语义”

Ul标签实际应用的场景：导航条，排版文章，标题栏

2.有序列表

ordered list 有序列表，用ol表示，浏览器会自动添加阿拉伯序号

3.定义列表

定义列表实际上一个组标签，不过比较复杂，出现三个标签

dl 表示 definition list 定义列表

dt 表示 definition title 定义标题

dd表示 definition description 定义表述次

时间： 2024-11-05 12:20:41

css列表的相关文章

DIV+CSS列表式布局（同意图片的应用）

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4

Css3之基础-10 Css列表（列表项标志、列表项图像、列表项位置、列表属性）

一.CSS 列表样式列表项标志 list-style-type - list-style-type 属性用于控制列表中列表项标志的样式 - 无序列表: 出现在各列表项旁边的圆点 - 有序列表: 可能是字母.数字或另外某种计数体系中的一个符号 - 无序列表取值 - none : 无标记 - disc : 实心圆,为默认值 - circle : 空心圆 - square : 实心方块 - 有序列表取值 - none : 无标记 - decimal : 无标记 - lower-

CSS列表属性

CSS列表: 属性描述 list-style 简写属性.用于把所有用于列表的属性设置于一个声明中. list-style-image 将图象设置为列表项标志. list-style-position 设置列表中列表项标志的位置. list-style-type 设置列表项标志的类型. marker-offset 1. 列表类型:list-style-type属性 (1)作用:修改用于列表项的标志类型: (2)可能的值: 值描述 none 无标记. disc 默认.标记是实心圆. circle

CSS 列表样式详解

CSS列表用于前端的列表排列. CSS列表属性作用如下: 设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像列表在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点.小方框等) 有序列表 - 列表项的标记有数字或字母 list-style-type:设置列表标志类型. 1:无序列表实例 ul.a {list-style-type:circle;} ul.b {list-style-type:square;} <p>无序列表实例:&

css背景及css列表

CSS背景 background是一个综合属性,它分为以下几个属性. background-color 背景色 background-image 背景图片 background-repeat 设置背景图的平铺方式属性值:no-repeat repeat-x repeat-y background-position 设置或检索对象的背景图像位置 background-size 设置背景图的尺寸 background-attachment 设置或检索背景图像是随对象内容滚动还是固定的 fixed

新学的知识！-CSS列表逆序

要使列表逆序的话,大多数人包括我一半都会选择在ol标签里使用reversed属性 <ol reversed> <li>first</li> <li>second</li> <li>third</li> <li>fourth</li> <li>fifth</li> <li>sixth</li> </ol> 效果展示: 未使用reversed:

PHP全栈开发（八）：CSS Ⅵ 列表 style

列表分为有序列表和无序列表我们知道有序列表的标签是<ol>意思是order list 无序列表的标签是<ul> 列表里面每项的标签用<li>来进行包裹. 使用CSS中的列表样式不仅可以变换列表的列表项标记,还可以使用图片来作为列表项标记. 可以用 list-style-image: url('sqpurple.gif'); 来设置列表的列表项标记为图片也可以用 list-style-type: none; 来设置列表项的标志类型,关于列表项标志的更多不同符号,可以去

常用css列表

color 设置文字的颜色,如: color:red; font-size 设置文字的大小,如:font-size:12px; font-family 设置文字的字体,如:font-family:'微软雅黑'; font-style 设置字体是否倾斜,如:font-style:'normal'; 设置不倾斜,font-style:'italic';设置文字倾斜 font-weight 设置文字是否加粗,如:font-weight:bold; 设置加粗 font-weight:normal 设置不

css 列表属性详细总结

列表类型(list-style-type) 要影响列表的样式,最简单(同时支持最充分)的办法就是改变其标志类型. 在一个无序列表中,列表项的标志 (marker) 是出现在各列表项旁边的圆点. 在有序列表中,标志可能是字母.数字或另外某种计数体系中的一个符号. 属性值有以下: list-style-type:none无标记 list-style-type:disc默认,标记是实心圆 list-style-type:circle 空心圆 list-style-type:square实心方块 lis