css文本[简述]

最新推荐文章于 2024-04-30 19:38:51 发布

不会写代码的菜

最新推荐文章于 2024-04-30 19:38:51 发布

阅读量114

点赞数

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

本文链接：https://blog.csdn.net/weixin_52629592/article/details/125363394

版权

css 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

文本是css中非常常用的一种属性,下面我们来进行介绍:

通过文本可以改变文本的颜色,字符间距,对齐方式,装饰文本,对文本进行缩进等等一系列操作

下面我们就一些常用的文本进行介绍:

首先,我们来设置一些文本

<body>
        <p class="p1">这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>
        <p class="p1">这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>
        <p class="p2">这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>
    </body>

接下来是一些操作示例:

<style type="text/css">
            .p1{
                color: cadetblue; /* 设置字体颜色*/
                font-size: 20px;  /* 设置字体大小*/
                font-family: 宋体; /* 设置字体样式*/
                text-align: center; /* 设置文本内容位置*/
                text-decoration: line-through; /* 设置字体删除线*/
                text-decoration: underline; /* 设置字体下划线*/
                text-decoration: none; /* 设置字体无任何修饰*/
                font-style: italic; /* 设置字体为斜体*/
                font-weight: 700; /* 加粗文本*/
                line-height: 30px; /* 设置行高(一行的高度)*/
                letter-spacing: 10px; /* 设置中文字符间距*/
                word-spacing: 10px; /* 设置英文字符间距*/
                text-indent: 2em;/* 首行缩进,em表示缩进两个字符的大小 */
            }
        </style>

代码的运行结果如下:

在这里我们一定要搞清楚选择器所选择的元素都有哪些.就比如上面的示例中,我们只给clas为p2的文本设置了样式,因此class为p2的文本还保留着其原本的样式

不会写代码的菜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
css文本[简述]

通过文本可以改变文本的颜色,字符间距,对齐方式,装饰文本,对文本进行缩进等等一系列操作代码的运行结果如下: 在这里我们一定要搞清楚选择器所选择的元素都有哪些.就比如上面的示例中,我们只给clas为p2的文本设置了样式,因此class为p2的文本还保留着其原本的样式...
复制链接

扫一扫