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

CSS字体修饰

1)文字大小 ( font-size )

/*  设置文字大小为24个像素 */
font-size: 24px;

2)字体粗细 ( font-weight )

/* 字体粗细在100-900之间可以进行调整 */
/* 字体加粗 */
font-weight: bolder;    /* 或 font-weight:700;   */
​
/* 正常字体 */
font-weight: normal; /* 或 font-weight:400; */

3)颜色 ( color )

/* 1.颜色关键字指定,设置字体颜色为红色 */
color: red;
​
/* 2.rgb表示,rgb(r,g,b)表示红绿蓝三原色取值 0~255 */
color: rgb(0, 255, 191);
​
/*  3.rgba表示,rgba(r,g,b,a),a表示透明度,取值在0~1之间  */
color: rgba(23, 66, 128, 0.8);

4)行高 ( line-height )

/* 1.设置行高为50像素 */
line-height: 50px;
​/* 2.设置行高为原先的2倍 */
line-height: 2;

5)对齐方式 ( text-align )

text-align 用来对 行内元素、行内块元素 进行对齐/* 1.居中对齐 */
text-align: center
​
/* 2.左对齐 */
text-align: left;
​
/* 3.右对齐 */
text-align: right;

6)字体倾斜 ( font-style )

/* 字体倾斜 */
font-style: italic;
​
/* 字体不倾斜 */
font-style: normal;

7)字体家族 ( font-family )

/* 设置字体为楷体 */font-family: '楷体';

8)修饰线 ( text-decoration )

/* 1.下划线 */
text-decoration: underline
​
/* 2.删除线 */
text-decoration: line-through
​
/* 3.上划线 */
text-decoration: overline
​
/* 4.无修饰 */
text-decoration: none

http://www.lryc.cn/news/350410.html

相关文章:

  • 高并发缓存服务的构建要点与陷阱
  • Electron学习笔记(五)
  • 【jest 调试 - vscode debug】
  • 华为OD机试【分奖金】(java)(100分)
  • 27- ESP32-S3 USB虚拟串口(USB-OTG 外设介绍)
  • PostgreSQL查看sql的执行计划
  • macOS Ventura 13如何设置定时重启(命令行)
  • 【sass简介以及如何安装使用】
  • Git版本控制工具的原理及应用详解(四)
  • AI图书推荐:ChatGPT全面指南—用AI帮你更健康、更富有、更智慧
  • C++ | Leetcode C++题解之第92题反转链表II
  • 【管理咨询宝藏99】离散制造智能工厂战略规划方案
  • java8 Stream使用中的一些实践
  • 入门篇:Kafka基础知识·
  • SWAT模型高阶应用暨SWAT模型无资料地区建模、不确定分析及气候、土地利用变化对水资源与面源污染影响分析
  • 每日一题——力扣206. 反转链表(举一反三、思想解读)
  • 【qt】纯代码界面设计
  • 【深度学习】SDXL中的Offset Noise,Diffusion with Offset Noise,带偏移噪声的扩散
  • 开发属于自己的Spring Boot Starter-18
  • C中Mysql的基本api接口
  • grafana10.x报错 Failed to upgrade legacy queries Datasource x was not found
  • 项目管理-案例重点知识(干系人管理)
  • 微信小程序踩坑,skyline模式下,scroll-view下面的一级元素设置margin中的auto无效,具体数据有效
  • jspXMl标记语言基础
  • 【DevOps】Linux 与虚拟局域网 (VLAN) 详解
  • 《表格新视界:从罗列到洞察的飞跃》
  • 风电功率预测 | 基于GRU门控循环单元的风电功率预测(附matlab完整源码)
  • 0基础安装 composer
  • MYSQL-9.问题排查
  • 制造企业数据管理:从数据到价值的转化