css学习笔记5

2023-12-21 15:32:11

css学习笔记5

5.CSS列表属性

列表相关的属性，可以作用在ul、ol、li元素上。

css属性名功能属性值
list-style-type设置列表符号常用值如下：
none：不显示前面的标识（很常用！）
square：实心方块
disc：圆形
decimal：数字
lower-roman：小写罗马数字
upper-roman：大写罗马数字
lower-alpha：小写字母
upper-alpha：大写字母
list-style-position设置列表符号的位置inside：在li的里面
outside：在li的外边
list-style-image自定义列表符号url（图片地址）
list-style复合属性没有数量、顺序的要求
6.CSS表格属性
1.边框相关属性（其他元素也能用）：
css属性名功能属性值
border-width边框宽度CSS中可用的长度值
border-color边框颜色CSS中可用的颜色值
border-style边框风格none：默认值
solid：实线
dashed：虚线
dotted：点线
double：双实线
border边框符合属性没有数量、顺序的要求

注意：

  1. 以上4个边框相关的属性，其他元素也可以用，这是我们第一次遇见它们。
  2. 在后面的盒子模型中，我们会详细讲解边框相关的知识。
2.表格独有属性（只有table标签才能使用）：
css属性名功能属性值
table-layout设置列宽度auto：自动，列宽根据内容计算（默认值）。
fixed：固定列宽，平均分。
border-spacing单元格间距CSS中可用的长度值。
生效的前提：单元格边框不能合并。
border-collapse合并单元格边框collapse：合并
separate：不合并
empty-cells隐藏没有内容的单元格show：显示，默认
hide：隐藏
生效的前提：单元格不能合并。
caption-side设置表格标题位置top：上面（默认值）
bottom：在表格下面

以上5个属性，只有表格才能使用，即：table标签。

7.CSS背景属性
css属性名功能属性值
background-color设置背景颜色符合CSS中颜色规范的值。
默认背景颜色是transparent。
background-image设置背景图片url(图片的地址)
background-repeat设置背景重复方式repeat：重复，铺满整个元素，默认值。
repeat-x：只在水平方向重复。
repeat-y：只在垂直方向重复。
no-repeat：不重复。
background-position设置背景图位置通过关键字设置位置：
写两个值，用空格隔开
水平：left、center、right
垂直：top、center、bottom
如果只写一个值，另一个方向的值取center


通过长度指定坐标位置：
以元素左上角为坐标原点，设置图片左上角的位置。
两个值，分别是x坐标和y坐标。
只写一个值，会被当做x坐标，y坐标取center。
background复合属性没有数量、顺序的要求
8.CSS鼠标属性
css属性名功能属性值
cursor设置鼠标光标的样式pointer：小手
move：移动图片
text：文字选择器
crosshair：十字架
wait：等待
help：帮助

扩展：自定义鼠标图标

/* 自定义鼠标光标 */
cursor：url("./arrow.png"),pointer;

文章来源:https://blog.csdn.net/qq_42236791/article/details/135131467
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。