• 【前段基础入门之】=>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:帮助
    更多:查看更多鼠标属性

    在这里插入图片描述


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

  • 相关阅读:
    多因素认证 (MFA) 是防止数据泄露的最佳安全实践方法
    Biomedical knowledge graph-enhanced prompt generation for large language models
    java版工程管理系统Spring Cloud+Spring Boot+Mybatis实现工程管理系统源码
    正点原子嵌入式linux驱动开发——Linux ADC驱动
    【MySQL】事务
    sift特征提取matlab
    网络安全(黑客)自学
    vue/composition-api 的使用
    【螺旋旋转爱心特效】(Html+JS+CSS+效果+全部源代码)
    Linux从入门到实战 ----时间日期类
  • 原文地址:https://blog.csdn.net/qq_60961397/article/details/132440157