css常用样式标签

最新推荐文章于 2024-02-10 05:15:00 发布

VIP文章言若-

最新推荐文章于 2024-02-10 05:15:00 发布

阅读量5.6k

点赞数 4

分类专栏：前端文章标签： css css3

本文链接：https://blog.csdn.net/weixin_52690585/article/details/115874423

版权

css常用样式标签

css 字体的设置 font-family
font-size 设置字号大小
设置字体样式 font-style
normal : 正常显示。浏览器默认的样式
italic ：斜体显示文字
oblique : 歪斜体显示，比斜体的倾斜角度更大
font-weight 设置字体加粗可取值为hold和normal
调整字符间距 letter-spacing 可以设置两个字符之间的间距（英文，中文，数字）

调整单词间距 word-spacing 主要用于单词之间的距离。

<style>
       div,button{
      letter-spacing: 0.5em;word-spacing: 1em;}
</style>

<body>
    <div>这是div1</div>
    <div id="d2">hello world!</div>
    <button>点击我</button>
</body>

添加文字修饰 text-decoration

under line 给文字加下划线

over line 给文字加上划线

line-through 给文字加删除线

案例

代码

<style>
        .gray{
       
            color:gray;
        }
        .red{
      
            color:red;
        }
        .large{
      
            font-size: 1.5em;
        }
        .small{
      
            font-size:0.6em
        }
        #old{
      
            text-decoration: line-through;/*加删除线*/
        }
        .btn{
      
            background-color:#40c19d ;
            color: #ffffff;
            border-radius: 3px;
            padding:3px
        }
     </style>
 </head>
 <body>
     <span class="gray">￥</span

最低0.47元/天解锁文章

言若-

关注

4
点赞
踩
22

收藏

觉得还不错? 一键收藏
0
评论
css常用样式标签

css常用样式标签css 字体的设置 font-familyfont-size 设置字号大小设置字体样式 font-stylenormal : 正常显示。浏览器默认的样式italic ：斜体显示文字oblique : 歪斜体显示，比斜体的倾斜角度更大font-weight 设置字体加粗可取值为hold和normal调整字符间距 letter-spacing 可以设置两个字符之间的间距（英文，中文，数字）调整单词间距 word-spacing 主要用于单词之间
复制链接

扫一扫