CSS 2——文本装饰效果、首行缩进、字词间距、省略标记的设置、文本的水平位置、垂直对齐方式、伪类

已于 2022-03-16 11:04:38 修改
阅读量388 收藏
点赞数 4
文章标签： css 前端
于 2022-03-03 20:50:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ranran0306/article/details/123253553
版权

1、文本装饰效果：text-decoration

underline 文字加下划线
line-through 文字加删除线
overline 文字加上划线

2、英文字母大小写转换：text-transform

capitalize 单词首字母大写
uppercase 全部大写
lowercase 全部小写

3、段落内容首行缩进（悬挂缩进）：text-indent

4、字词间距

letter-spacing  字母和字母间距

word-spacing  单词和单词间距

letter-spacing  字和字之间的间距

5、省略标记

元素空白的处理    white-space

nowrap（不换行）

 normal （正常）

 p
最低0.47元/天 解锁文章
钟意冉冉
关注
css基础标签，对文字的装饰，对文字位置的控制，文字之间的距离，文本的隐藏和显示
hy250_的博客
03-04 460
这里要给大家解释一下权重的事,这个很重要,权重在这里是选择器之间的优先级, 行内选择器权重最高,其次是内嵌式,之后是外联式 多个选择器作用同一标签,相同类型不同效果下,权重大的覆盖权重小的 比如外联式字体变蓝色,内嵌式变红色,行内式变黑色,那么标签内字体变黑色 还有选择器之间也有权重，权重大的覆盖权重小的，这个自行搜资料了解 .a{ text-align: center; /* 文字水平居中 */ /* text-align: left; 文字水平居左 */ /...
CSS——CSS字体样式属性和CSS外观属性
流楚丶格念的博客
06-26 5320
爱是朝朝暮暮的相守CSS字体样式属性font-size:字号大小font-family:字体注意CSS Unicode字体font-weight:字体粗细font-style:字体风格font:综合设置字体样式 (重点)CSS外观属性color:文本颜色line-height:行间距text-align:水平对齐方式text-indent:首行缩进text-decoration 文本的装饰简单案例 CSS字体样式属性 font-size:字号大小 font-size属性用于设置字号，该属性的值可以使用相对长
css设置文本下划线颜色和间距
DR1sxy的博客
06-17 2673
css文本下划线颜色和间距更改
CSS设置下划线与文字间距距离
热门推荐
有问题可关注公众号：前端研究院 后台输入问题回复
11-30 3万+
css的写下划线 text-decoration: underline;  但是这样的样式下划线太靠近文字了  如图 修改方式 border-bottom: 1px solid red;padding-bottom: 8px; 如图
HTML 中给h1设置下划线的距离,css下划线与文字之间的距离如何设置？
weixin_30701661的博客
06-08 3767
本篇文章给大家介绍一下css下划线和文字间距离的的设置方法，接下来我们来看看具体的内容。在上一篇文章中我们介绍了关于css下划线的设置方法，但是设置出来的下划线感觉与文字之间距离太近，有时在网页中会显得不太美观，那么如何设置css下划线与文字之间的距离呢？本篇文章就来给大家介绍有关css下划线与文字之间距离的设置方法。css中text-decoration属性设置出来的文字下划线不能够调整文字与下...
Web前端入门（十二）CSS文本属性
treesorshining的博客
06-13 862
总目录 表示 属性值 预定义的颜色值 red，green，blue，pink等 十六进制 #FF0000, #FF6600，#29D794 RGB代码 rgb（255，0，0） 或rgb(100%，0%，0%) 注：实际开发中，最常用的是十六进制的写法、 属性值 解释 left 左对齐（默认） right 右对齐 center 居中对齐 注：是让盒子里面的文本内容水平居中， 而不是让盒子居中对齐 属性值 描述 none 默认，没有装饰
精通CSS3文本效果技术指南
资源摘要信息: 该文件资源名为“CSS3文本效果共2页.pdf.zip”，从文件命名来看，此资源是一个关于CSS3（层叠样式表第三版）在文本效果应用方面的教学或说明文档。文件通过两个页面的篇幅详细介绍了CSS3中用于增强...
Css样式--文本样式详解
09-25
在CSS样式中，文本样式的控制对于网页设计至关重要，它能影响到文本的布局、对齐、间距以及视觉效果。接下来我们将深入探讨其中的关键知识点。 1. **文本缩进**： `text-indent` 属性用于设置文本块的第一行的缩进...
HTML5&CSS3网页制作：文本外观属性.pptx
06-01
文本外观属性是CSS样式属性的一部分，用于设置文本的样式、颜色、对齐方式、缩进等等。常见的文本外观属性有： * text-decoration：文本的装饰值，例如underline、overline、line-through等 * text-indent：设置...
CSS下划线与文字间距，下划线粗细以及下划线颜色的设置
weixin_38091374的博客
02-28 1万+
最开始的时候了解下划线的属性是： text-decoration:underline; 1 但是，很遗憾的是，对于设计做的下划线用浏览器默认属性样式很难调整，使用这个属性并不能调整下划线与文字的间距，而且对于下划线的颜色也不好调整，而使用<u></u>这个标签也是同样的效果。 例子： <!DOCTYPE html> <html> <...
CSS 文字下划线间距
weixin_52492583的博客
07-21 2661
css文字下划线
css文本划线效果（text-decoration相关属性详解）
最新发布
stay hungry, stay foolish
07-12 851
设置文本修饰线的类型，underline(在文本的下方)、overline(在文本的上方)、line-through(贯穿文本中间)： 设定的线的样式，solid(直线)、double(双下划线)、dotted(点画线)、dashed(虚线)、wavy(波浪线)使用 text-decoration时，设置文本装饰下划线。设置文本上的装饰性线条的样式。设置如何绘制超出基线的字符。：设置文本修饰线的颜色。：设置文本修饰线的厚度。
html字体下划线下移,CSS下划线与文字间距距离设置(CSS文字下划线距离设置)
weixin_39856265的博客
06-04 1万+
CSS设置下划线与文字间距距离(CSS文字下划线距离设置)css下划线与文字上下距离设置，文字字体下划线样式技巧篇，如何改变文字与下划线距离间距？这里CSS5为大家介绍通过下边框border-bottom样式实现这一需求样式效果。要实现文字与下划线间距可大可小效果并不是使用text-decoration下划线样式实现，而是使用padding-bottom和border-bottom实现下划线与文字...
css文本属性：文本颜色、对齐方式、装饰文本、文本缩进、行间距
m0_51495354的博客
11-07 681
css文本属性：文本颜色、对齐方式、装饰文本、文本缩进、行间距等
CSS 实现文本装饰效果
前端开发
02-06 653
CSS 实现文本装饰效果
CSS文本属性
a1462746681的博客
11-11 100
下面介绍下关于文本属性的详解 目录列表： ①direction方向；②letter-spacing字母间距；③text-decoration文本装饰（上下划线，贯穿线）； ④text-indent文本缩进；⑤text-shadow（文字阴影）；⑥text-transform（文本转变）； ⑦white-space（空白–常用于禁止换行/换行）；⑧word-spacing（单词间距，仅仅单词）； ⑨...
php css下划线,css下划线与文字之间的距离如何设置？
weixin_29711757的博客
03-17 374
本篇文章给大家介绍一下css下划线和文字间距离的的设置方法，接下来我们来看看具体的内容。在上一篇文章中我们介绍了关于css下划线的设置方法，但是设置出来的下划线感觉与文字之间距离太近，有时在网页中会显得不太美观，那么如何设置css下划线与文字之间的距离呢？本篇文章就来给大家介绍有关css下划线与文字之间距离的设置方法。css中text-decoration属性设置出来的文字下划线不能够调整文字与下...
解决文字和text-decoration:underline下划线重叠问题
Angle41的专栏
04-26 2103
CSS text-decoration:underline可以给内联文本增加下划线，但是，如果对细节要求较高，就会发现，下划线经常会和中文文字的下边缘搞在一起，英文的话甚至直接穿越，看起来就比较香菇蓝瘦。 解决方法： 1.使用border-bottom属性模拟 a { text-decoration: none; border-bottom: 1px so
css中怎么设置文本左侧对齐，并且段落的首行缩进
06-07
要实现文本左侧对齐，并且段落的首行缩进，可以使用以下 CSS 属性： 1. `text-align: left;`：用于设置文本的对齐方式，将文本左对齐。 2. `text-indent: 2em;`：用于设置文本的缩进，2em 表示缩进 2 个字符的宽度...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值