当前位置： 首页 > news >正文

css文本修饰

news 来源：原创 2024/9/21 19:04:06

一、文本修饰

属性描述使用
color设置字体颜色color: #ff1237
text-align设置文本水平对齐text-align: center 水平居中
text-align: right 右对齐
text-align: justify两端对齐
vertical-align设置本文垂直对齐vertical-align: top 按当前行最高元素顶部对齐
vertical-align: middle 将当前元素放在父元素的垂直居中位置
vertical-align: bottom 按当前行最低元素底部对齐
text-decoration设置文本装饰text-decoration: none 不进行任何装饰，可用来清除a标签的下划线
text-decoration: overline 设置上划线
text-decoration: line-through 设置中划线（删除线）
text-decoration: underline 设置下划线
text-transform设置文本转换text-transform: uppercase 文本中所有字母转大写
text-transform: lowercase 文本中所有字母转小写
text-transform: capitalize 文本中单词首字母大写
text-indent设置首行缩进text-indent: 50px
letter-spacing设置文本字符间距letter-spacing: 15px
word-spacing设置单词间距word-spacing: 30px
text-shadow设置文本倒影
语法如下：
text-shadow: h-distance v-distance blur-distance color
如：
text-shadow: 1px 2px 3px red;
设置倒影距离文字水平距离1px，垂直2px，模糊距离3px（可不设置），倒影颜色为红色

二、字体修饰

属性描述使用
font-family设置字体家族，常用的字体家族如：常用字体家族 font-family:"Times New Roman", Times, serif;
font-style设置字体样式font-style: normal 正常
font-style: italic 斜体
font-szie设置字体大小font-size: 36px
font-sze: 1.5em
font-size: 50%
font-weight设置字体粗细font-weight: bolder 加粗
font-weight: 700 设置粗度为700

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 二．Oracle每周运维操作
  • C一语言—动态内存管理
  • C++——用选择法对10个数值进行排序。
  • 国标视频流媒体服务GB28181和Ehome等多协议接入的Liveweb方案详解
  • IPv6(五)
  • 【白皮书下载】分布式功能安全的创新与突破
  • 自监督的主要学习方法
  • React学习day08-useReducer、useMemo、memo、useCallback、forwardRef、useInperativeHandle
  • C++进阶|多态知识点详解及经典面试题总结
  • 执行matlab后进行RTL功能仿真check
  • 【数学二】极限概念与性质
  • C++——类和对象（3）
  • ppt文件怎么压缩变小一些？8种压缩PPT文件的方法推荐
  • 网络安全应急响应概述
  • 配置Red Hat Enterprise Linux 7 YUM源
  • 《微软的软件测试之道》成书始末、出版宣告、补充致谢名单及相关信息
  • 「前端早读君006」移动开发必备：那些玩转H5的小技巧
  • 2018天猫双11|这就是阿里云！不止有新技术，更有温暖的社会力量
  • emacs初体验
  • java取消线程实例
  • node.js
  • Python代码面试必读 - Data Structures and Algorithms in Python
  • QQ浏览器x5内核的兼容性问题
  • spring cloud gateway 源码解析（4）跨域问题处理
  • vue.js框架原理浅析
  • WordPress 获取当前文章下的所有附件/获取指定ID文章的附件(图片、文件、视频)...
  • 闭包,sync使用细节
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 利用阿里云 OSS 搭建私有 Docker 仓库
  • 漫谈开发设计中的一些“原则”及“设计哲学”
  • 前端知识点整理（待续）
  • 数据科学 第 3 章 11 字符串处理
  • 思考 CSS 架构
  • 小试R空间处理新库sf
  • 写给高年级小学生看的《Bash 指南》
  • # Pytorch 中可以直接调用的Loss Functions总结：
  • #{}和${}的区别是什么 -- java面试
  • $.ajax,axios,fetch三种ajax请求的区别
  • (el-Date-Picker)操作(不使用 ts)：Element-plus 中 DatePicker 组件的使用及输出想要日期格式需求的解决过程
  • (el-Transfer)操作(不使用 ts)：Element-plus 中 Select 组件动态设置 options 值需求的解决过程
  • （二）WCF的Binding模型
  • （附源码）springboot炼糖厂地磅全自动控制系统 毕业设计 341357
  • （附源码）springboot助农电商系统 毕业设计 081919
  • （函数）颠倒字符串顺序（C语言）
  • （十二）devops持续集成开发——jenkins的全局工具配置之sonar qube环境安装及配置
  • （算法）N皇后问题
  • *上位机的定义
  • .NET/C# 异常处理：写一个空的 try 块代码，而把重要代码写到 finally 中（Constrained Execution Regions）
  • .NetCore项目nginx发布
  • @kafkalistener消费不到消息_消息队列对战之RabbitMq 大战 kafka
  • @staticmethod和@classmethod的作用与区别
  • [《百万宝贝》观后]To be or not to be？
  • [2021]Zookeeper getAcl命令未授权访问漏洞概述与解决
  • [2021ICPC济南 L] Strange Series (Bell 数 多项式exp)
  • [5] CUDA线程调用与存储器架构