【前段基础入门之】=＞CSS 的常用属性

导读:

在上一章节中，给大家梳理分享了CSS 字体和文本有关的属性，本章节主要分享的是 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	复合属性	没有数量、顺序的要求，可以将上述属性值集中书写

---

元素边框属性

CSS属性名	作用功能	属性值
border-width	边框宽度	CSS 中可用的长度单位值
border-color	边框颜色	CSS 中可用的颜色值
border-style	边框风格	none :默认值 solid:实线 dashed:虚线 dotted :点线 double :双实线
border	边框复合属性	没有数量、顺序的要求，用于集中书写边框样式

---

表格专属属性

CSS属性名	作用功能	属性值
table-layout	设置列宽度	auto:自动，列宽根据内容计算（默认值） fixed ：固定列宽，平均分。
border-spacing	设置列宽度	CSS :中可用的长度值。 生效的前提：单元格边框不能合并。
border-collapse	合并单元格边框	collapse：:合并 separate ：不合并
empty-cells	隐藏没有内容的单元格	show:显示，默认值 hide：隐藏 生效前提：单元格没有合并。
caption-side	设置表格标题位置	top :上面（默认值） bottom：：在表格下面

---

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 通过长度指定坐标位置： 以元素左上角，为坐标原点，设置图片左上角的位置 两个值，分别是 x 坐标和 y 坐标。 只写一个值，会被当做 x 坐标， y 坐标取center
background	复合属性	集中式书写背景属性

---

鼠标属性

CSS属性	功能	属性值
cursor	设置鼠标光标的样式	pointer:小手指 move ：移动图标 text：文字选择器 crosshair：十字架 wait：等待 help：帮助 更多：查看更多鼠标属性

---

‍♂️ 博主座右铭：向阳而生，我还在路上！
——————————————————————————————
博主想说：将持续性为社区输出自己的资源，同时也见证自己的进步！
——————————————————————————————
‍♂️ 如果都看到这了，博主希望留下你的足迹！【收藏！点赞！✍️评论！】
——————————————————————————————