CSS 之文字控制常用属性

最新推荐文章于 2024-07-14 07:00:08 发布

nsq_ai

最新推荐文章于 2024-07-14 07:00:08 发布

阅读量235

点赞数

分类专栏：前端学习 # HTML 5 学习 # CSS学习文章标签： css html5

本文链接：https://blog.csdn.net/weixin_45063703/article/details/118189929

版权

前端学习同时被 3 个专栏收录

28 篇文章 3 订阅

订阅专栏

HTML 5 学习

27 篇文章 2 订阅

订阅专栏

CSS学习

14 篇文章 0 订阅

订阅专栏

前言

文字粗细 font-weight
正常的 normal
加粗 bold
文字倾斜 font-style
正常的 normal
倾斜 italic
文字修饰属性 text-decoration
下划线 underline
顶划线 overline
贯穿线/删除线 line-through
无 none
强制字母换行 word-break;break-all
首行缩进 text-indent

参考视频：
1.黑马程序员5天软件测试从入门到精通_软件测试基础教程

1.页面展示

在这里插入图片描述

2. 程序

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"> 
        <title></title>
        <style>
            h1{font-weight: normal;}
            p{font-weight: bold;}
            em{font-style: normal;}
            h3{font-style: italic;}
            a{text-decoration: none;}
            /* h3{text-decoration: line-through;} */
            /* h3{text-decoration: underline;} */
            h3{text-decoration: overline;}
            h5{width: 200px; height: 300px; background: pink;}
        </style>
    </head>
    <body>
        <h1>我是h1标签</h1>
        <p>我是p，我也想加粗</p>
        <em>我是倾斜</em>
        <h3>我也想倾斜</h3>
        <a href="###">我是默认的</a>
        <h5>随机汉字汉子汗渍</h5>
    </body>
</html>