当前位置：网站首页 > 技术文章 > 正文

13.CSS添加文本样式

zhezhongyun 2025-05-22 14:54 18 浏览

文本样式

h1 {
  color: blue;
}

回顾上一节的内容，我们让h1标题的文字变成了蓝色，注意如果html中有多个h1标签，那我们这种写法所有的h1标签都会变成蓝色，除了颜色，本节我们将学习更多的CSS属性

文字大小font-size

h1 {
  color: blue;
  font-size:26px;
}

上述将h1的文字大小设置成26像素。

设置字体：font-family

h1 {
  color: blue;
  font-size: 26px;
  font-family: sans-serif;
}

上述将h1的字体设置成无衬线字体

字体转换：text-transform

h1 {
 color: blue;
 font-size: 26px;
 font-family: sans-serif;
 text-transform: uppercase;
}

上述将h1的字母全部转换为大写

文本样式：font-style

h1 {
  color: blue;
  font-size: 26px;
  font-family: sans-serif;
  text-transform: uppercase;
  font-style: italic;
}

上述将h1的内容全部变为斜体

设置段落的行高：line-height

p {
  font-size: 22px;
  font-family: sans-serif;
  line-height: 1.5;
}

上述将h1的行高设置成文字大小的1.5倍

设置文字对齐方式：text-align

h4 {
  text-align: center;
}

上述将h4内容居中显示

CSS Text(文本)

上一篇：招聘启事|美国堪萨斯大学Dr. Wen-Xing Ding课题组招聘博士后
下一篇：Javascript | 3种 HTML 转换为纯文本的方法

相关推荐

Flutter TextField 边框样式以及提示文本: 题记——执剑天涯，从你的点滴积累开始，所及之处，必精益求精。1引言1.1情景一一个文本框默认情况下可编辑（允许输入文本的情况）获取焦点（正在输入文本）下，会有默认的一个下划线，这个下划线的颜...

让最懂产品的人成为销售员亿家净水试水“微分销”: 国内领先的净水设备服务供应商亿家净水开始试水“微分销”，借助第三方微分销平台——有赞建立的亿家净水微商城近日已经开通。根据规划，下一步将把公司300多名员工以及遍布全国的6000多名安装服务工程师纳入...

案例分享丨各品牌软水机和中央净水机的旁通阀介绍、区分辨认和使: 案例：前几天接到一个浙江的客户反馈，他说凯优的软水机安装后加的盐，使用4、5年了一直没加过盐到现在盐还是那么多，客户以前以为加完盐后能管好长时间就没把软水机当回事，最近听朋友说软水机需要定期加盐客户...

一文教你Java字符串处理(String，StringBuffer，StringBuild): 前言本文篇幅较长，但都是满满的干货，请大家耐心观看，相信会有不小的收获。本人在总结的过程中也收获了很多的知识，也希望大家可以一起借鉴学习下，希望大家最后都能有所收获！再言字符串的分类在java.lan...

浏览器渲染引擎之从入门到优化实践: 在当今互联网时代，浏览器扮演着人们访问网页和应用程序的主要工具。当我们在浏览网页的时候，页面的展示和交互都是依靠浏览器进行实现的。所以浏览器的表现和性能直接影响着用户的体验。为了提供快速且高效的浏览体...

NAVI S1mple准星+视角+持枪控制台设置大全新增显示器设置: 简单男孩S1mple科斯特利耶夫（AleksandrKostyliev）生日1997年10月2日准星设置cl_crosshairalpha255;cl_crosshaircolor5;cl...

2014福布斯全球名人榜:女王碧昂斯登顶李娜85: 最近，有一篇名为《浙商炮轰马云：若不改作风，5年内必倒》的文章，在网络和自媒体上流传甚广，引起广泛关注。这篇文章是怎样出炉的？针对这个问题，《浙商》杂志记者进行了调查。2014福布斯全球名人榜前20人...

美国处女河中有一条步道，全程只有25公里: 美国<:articlestyle="BOX-SIZING:border-box;BORDER-BOTTOM:0px;TEXT-ALIGN:left;BORDER-LEFT:0px...

Unreal丨模块化路牌蓝图制作（路牌模型）: 本期文章介绍使用虚幻蓝图制作一个模块化的路牌，先来看一下完成后的效果。如图，这些路牌全部是使用同一个蓝图制作的资产。1素材准备基础的路牌模型我使用的是虚幻商城中的资产“FreewayProps”。然...

神奇白Tee加减法，1+1>2（equal tee是什么管件）: 来源：时尚芭莎说到炎炎夏日，除了空调、冰棍、西瓜、网络是缺一不可的以外，衣柜里怎么能少一件白Tee呢？2"style="text-decoration:none;outline:none;c...

跟着快联电路学习PCB设计的六个过程: PADS是一种常用的PCB设计软件，作为PCB设计工程师，必须掌握熟练应用的设计工具。与AD相比，PADS在开始和设计上相对复杂，需要更多的耐心和时间。在使用PADS设计PCB的过程中，需要关注印刷板...

Allegro软件中怎么通过ROOM框来放置元器件呢?: 上述我们讲解了怎么快速的将元器件放置在PCB板上，通过图6-40所示的图可以看出，器件放置的都是很零散的，不是按模块或者是按页放置的，这里给大家介绍一些，通过在原理图添加ROOM属性，然后通过ROOM...

电路设计入门-从DXP2004双闪灯电路设计开始: DXP2004！？为什么要用这么老的版本呢？因为DXP2004是最经典的版本！protel是最原始的版本，版本包括protelforDOS，protel98，protel99se；后面prte...

小幅改进微软或启用Outlook Mail品牌: 去年十月微软就对Outlook.com及相关网站进行了改版，改进了下拉菜单，使得用户能够在微软相关的服务，比如OneDrive以及OfficeOnline之间切换。不过现在看来，微软似乎准备再一次对...

将多个属性传递给 Vue 组件的几种方式: 所有使用基于组件的体系结构(如Vue和React)的开发人员都知道，创建可重用组件是很困难的，而且大多数情况下，最终会通过传入大量的属性，以便从外部更容易地控制和自定义组件。这并不坏，但是传递大量属性...

一周热门

最近发表

首页
收录
顶部