html--基础知识（字体粗细/倾斜效果） 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        1.font-weight=  字体的粗细效果
            属性值有：
                normal 默认展示的字体，不加粗
                bold 加粗
                number:100-500  默认展示的字体，不加粗  600-900  字体加粗
                如下：
        2.font-style=字体倾斜
                normal 默认字体不倾斜属性
                italic 倾斜字体属性（标签带有倾斜属性才可以使用该属性）
                oblique 倾斜字体属性（标签不带有倾斜属性才可以使用该属性）
                       
        <style>
            p{
                /* font-weight:bold; */
                font-weight: 600; 
            }
            h1{
                /* font-style: italic; */
                font-style: oblique;
            }
        </style>
    </head>
    <body>
        <p>字体加粗</p>
        <h1>字体倾斜</h1>
        <h2 style="text-decoration: overline;">上划线</h2>
        <h3 style="text-decoration: line-through;">删除线</h3>
        <a href="#" style="text-decoration: none;">取消下划线</a>
        <h4 style="text-decoration: underline;">下划线</h4>
        <h5 style="text-decoration: overline line-through underline;">添加上，下，删除线</h5>
    </body>
</html>

 

posted on 2021-12-27 21:47  爱前端的小魏  阅读(733)  评论(0)    收藏  举报

导航