css学习笔记5

5.CSS列表属性

列表相关的属性,可以作用在ulolli元素上。

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;

相关推荐

  1. css学习笔记5

    2023-12-22 07:54:06       41 阅读
  2. html5css3前端学习笔记

    2023-12-22 07:54:06       12 阅读
  3. CSS学习笔记

    2023-12-22 07:54:06       19 阅读
  4. CSS学习笔记

    2023-12-22 07:54:06       16 阅读
  5. CSS 学习笔记

    2023-12-22 07:54:06       17 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-22 07:54:06       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-22 07:54:06       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-22 07:54:06       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-22 07:54:06       20 阅读

热门阅读

  1. Android 9.0 应用权限屏蔽位置信息

    2023-12-22 07:54:06       29 阅读
  2. MongoDB的面试题与答案

    2023-12-22 07:54:06       34 阅读
  3. GBASE南大通用集群负载均衡

    2023-12-22 07:54:06       31 阅读
  4. hive中map相关函数总结

    2023-12-22 07:54:06       48 阅读
  5. unity中Android各版本对应的SDK版本

    2023-12-22 07:54:06       39 阅读
  6. caffe模型的python前向测试

    2023-12-22 07:54:06       48 阅读