上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖
楼主: 李恒道 - 

[油猴脚本开发指南]CSS基础之字体控制

[复制链接]
  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    636

    主题

    5188

    回帖

    6070

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    6070

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2021-10-4 23:11:32 | 显示全部楼层 | 阅读模式

    字体

    我们通常甚至的字体默认是16px

    但是同时我们也想控制一些其他的东西,我们都应该掌握什么

    字体大小

    通过font-size:19px之类的进行设置。通常我们应该在span内包裹文字,并涉及大小

    行高

    属性为line-height,在某些情况我们不想使用flex布局的时候,并且文字与其他内容不对齐,我们可以尝试使用行高来使文字垂直高度居中。

    大概是这个吊样,蓝色是行高,红色是字体高度。

    图片.png

    字体颜色

    使用color进行设置,通常我们设置的是RGB颜色

    https://www.sioe.cn/yingyong/yanse-rgb-16/

    可以在这里进行查询,如设置color:#000000

    背景颜色

    设置background-color属性可以设置背景颜色

    同上的字体颜色

    设置如

    background-color:#00ff00;

    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
  • TA的每日心情

    2024-1-3 11:32
  • 签到天数: 18 天

    [LV.4]偶尔看看III

    115

    主题

    104

    回帖

    429

    积分

    高级工程师

    积分
    429

    油中2周年油中3周年

    发表于 2021-10-5 12:15:17 | 显示全部楼层
    ggnb!     
    专业混hs圈20年
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表