在最近的开发过程中有涉及到展示客户故事内容的功能,其中包含对文本样式的的一个处理
常用的文本样式大多都是 font-size, font-weight, color之类的,那今天就要介绍两个文本样式属性

letter-spacing

CSS 的 letter-spacing 属性用于设置文本字符的间距表现。 用于设置文本字符的间距表现。

letter-spacing: normal;

letter-spacing: .2rem;

单位 em: 是相对于元素的字体大小(font-size)(2em 表示当前字体大小的 2 倍)

text-indent

CSS 的 text-indent 属性能定义一个块元素首行文本内容之前的缩进量,允许使用负值。

text-indent: 2em;

text-indent: -3em;


这两个属性对于特殊文本样式的处理有一个比较不错的效果。

css 设置文本字体间距及首行缩进相关推荐

  1. css设置字体颜色、文本对齐方式、首行缩进、文本装饰、列表样式、鼠标样式、禁止文本域拖拽、轮廓线、块级元素对齐方式、文字溢出设置

    color:设置字体颜色: 取值方式有:1.颜色值red,green等 .2.十六进制#FF0000,#FF2313等.3.RGB代码rgb(225,225,112)或rgb(100%,55%,0%) ...

  2. Latex---局部调大字体--下划线--首行缩进--悬挂缩进

    1 调整字体大小 \tiny \scriptsize \footnotesize \small \normalsize \large \Large \LARGE \huge \Huge 2 下划线 \ ...

  3. CSDN博客字体样式、字体大小、字体颜色、首行缩进调节

    1.字体样式调节 1.<font face="微软雅黑">微软雅黑</font> 2.<font face="华文琥珀">华 ...

  4. web前端:文本、字体、图像、列表 全【含精灵图,box-sizing,字符间距,首行缩进,垂直对齐】

    文本 字体 图像 列表 文本 文本颜色[color] 水平对齐[text-align] [ ] 左.右.居中.justify平均分布 垂直对齐[vertical-align] top.middle.b ...

  5. CSS设置文本字体居中

    span{text-align: center; }

  6. CSS入门五:文本样式;字体颜色:英文字母,十六进制,RGB;文本颜色,字间距,行间距,对齐方式;下划线、上划线…,文本阴影,字母大小写,首行缩进

    CSS入门部分已经了解了:CSS简介.样式表分类,内部样式表简单使用:选择器和类选择器简单使用:背景色.背景图:以及外部样式表的简单使用: 本篇博客主要介绍,如何对文本设置,包括字体颜色:字间距,行间 ...

  7. css文本首行缩进字符是,建站小技巧,利用css进行首行缩进2个字符 设置

    css设置首行缩进2个字符的方法:可以利用text-indent属性来设置首行缩进2个字符,如[text-indent:2em;].text-index属性用于规定文本块中首行文本的缩进,em是相对单 ...

  8. html5设置字体首行缩进,科技常识:css如何设置首行文字缩进

    今天小编跟大家讲解下有关css如何设置首行文字缩进 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css如何设置首行文字缩进 的相关资料,希望小伙伴们看了有所帮助. 在html网页中通常一 ...

  9. html中设置段落缩进2字符,css首行缩进2字符怎么设置?

    在css中,我们可以使用text-indent属性来实现首行缩进效果,本篇文章就来带大家了解text-indent属性是怎样设置首行缩进样式的.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有 ...

  10. html首行缩进语言,css如何设置首行缩进2字符?

    用CSS实现段落首缩进两个字符.应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进一定单位. 在这里我们需要了解一种长度单位em.em是相对长度单位.相对于当前对象内 ...

最新文章

  1. JVM GC 垃圾回收(二)之 判断那些可回收,怎么回收
  2. python教程:ConfigParser模块使用教程
  3. 让同步函数同步执行,异步函数异步执行,并且让它们具有统一的 API
  4. python变量和常量_Python数学模块常量和示例
  5. 比较偏门的JVM语言Quercus - PHP on JVM
  6. Atitit 并发锁机制 艾提拉总结 目录 1. 2. 用的比较频繁锁 2 1.1. 语法锁sync api锁 2 1.2. 数据库标志位锁 2 1.3. 文件锁 2 2. 锁得类型 3 2 2.
  7. 使用html制作个人简历(新手)
  8. 抽象代数之拉格朗日定理的证明
  9. Python调用OpenCV实现图像反色(反相)处理
  10. 基于虚拟化的安全性怎么关闭,无法开启虚拟机!
  11. libSVM简介及核函数模型选择
  12. python sqrt(4)*sqrt(9),Python sqrt() 函数
  13. “全栈这个概念坑害了多少开发者
  14. 20135337朱荟潼 Linux第二周学习总结——操作系统是如何工作的
  15. Hacked Exam 14pts 2021Google codejam round1A
  16. certbot申请通配符域名证书
  17. minio文件加密/文件切割合并
  18. Nacos默认用户名和密码
  19. 订餐App回顾与总结
  20. iPXE启动菜单详解

热门文章

  1. 前端实战:利用CSS+HTML实现B站用户名片样式
  2. 《android开发艺术探索》笔记:Activity界面跳转到透明主题界面,不调用onStop()方法
  3. linux 下的无线网络配置,详解在LINUX环境下怎样设置无线网络配置
  4. php 服务器返回404,php--------返回404状态
  5. mysql bad handshark_故障分析 | Bad handshake,升级 5.7.28 引起的“血案”
  6. 视频教程-太空大战游戏实战课程-其他
  7. python绘制3d动态模型_python+matplotlib库绘制数学3d模型分析图
  8. 您需要计算机管理员权限,计算机中出现“你需要计算机管理员提供的权限才能对此文件进行更改”错误的解决方法...
  9. 阿甘本:什么是当代人
  10. java 解析dojo_Dojo入门三种HelloWorld!