美文网首页
如何给文字属性或者给效果(1/2)

如何给文字属性或者给效果(1/2)

作者: 九天懒猫 | 来源:发表于2022-11-10 23:31 被阅读0次

    1-文本格式化标签

    标签和说明

    b 加粗;u 下划线;

    i 倾斜;s 删除线;

    strong 加粗;ins 下划线;

    em 倾斜;del 删除线;

    2-文字属性-取值变化

    2-1 字体倾斜-font-style:取值


    取值

    正常normal. 默认值

    倾斜 italic

    2-2字体粗细-font-weight:取值;

    取值

    正常 normal;

    加粗 bold;

    纯数字:100-900的整百数;(工作中常用)

    正常 00

    加粗 700

    2-3 字体样式—font-family:取值

    常见取值

    具体字体1,具体字体2,字体系列

    1--具体字体比如:microsoft yahei,微软雅黑,黑体,宋体,楷体等

    2-字体系列比如:sans-serif,serif,monspace等

    2-4字体大小—font-size:取值;

    取值 数字+px

    单位需要设置,否则无效

    2-5 行高 line-height

    你可以有5种方式来定义line-height。
    1.line-height可以被定义为:body{line-height:normal;}
    2.line-height可以被定义为:body{line-height:inherit;}
    3.line-height可以使用一个百分比的值body{c}
    4.line-height可以被定义为一个长度值(px,em等) body{line-height:25px;}
    5.line-height也可以被定义为纯数字, body{line-height:1.2}

    2-6 标签{text-decoration: 取值;}

    取值:underline 下划线;line-through 删除线;overline 上划线;none 无装饰线;

    3-伪类给文字加效果

    选择器:hover{};给字体添加鼠标悬浮变色或者添加背景效果;

    4-给文字添加背景效果

    background-color:颜色单词;

    测试放在下一篇,这篇有点长了————

    (仅为个人自学的一点点思考,如有错漏,欢迎留言指正)

    相关文章

      网友评论

          本文标题:如何给文字属性或者给效果(1/2)

          本文链接:https://www.haomeiwen.com/subject/gvzatdtx.html