字体和文本样式的使用

已于 2022-01-28 13:12:29 修改
阅读量232 收藏
点赞数
分类专栏： html+css 文章标签： css3 css html
于 2022-01-27 19:21:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zimingyo/article/details/122722107
版权

在这里插入图片描述

字体大小

在这里插入图片描述

字体粗细

在这里插入图片描述
在这里插入图片描述

字体样式

在这里插入图片描述

字体类型

在这里插入图片描述

样式层叠

在这里插入图片描述


运行的结果是：“我是一个P标签” 整体是蓝色

font的复合属性

在这里插入图片描述
在这里插入图片描述

文本样式

在这里插入图片描述

1. 文本缩进
在这里插入图片描述

2. 文本水平对齐方式
在这里插入图片描述
在这里插入图片描述

3. 文本修饰
在这里插入图片描述

行高

在这里插入图片描述

在这里插入图片描述

颜色常见取值

在这里插入图片描述

标签居中

在这里插入图片描述

zimingyo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2.字体和文本样式.html
09-24
2.字体和文本样式.html
详解CSS3中常用的样式【基本文本和字体样式】
01-18
摘要：为了使你的网页看上去更美观，在这里你将会看到一些CSS3中常用到的样式。...2、字体样式 font-style ：normal(普通文本)/italic（斜体）； font-weight ：nomal(普通字体)/bold（加粗）； text-transfo
CSS：字体和文本样式
盒马的博客
12-20 1711
讲解CSS中，文本与字体相关的属性
CSS 字体文本样式
xiangxiongfly
05-17 1万+
W3C（Web标准制定者）对vertical-align属性的定义是极其复杂的，其中有一项是“vertical-align属性定义周围的行内元素或文本相对于该元素的垂直方式”。可以设置h1元素的长宽与LOGO图片的长宽一样，然后定义h1的背景图片（background-image）为LOGO图片。vertical-align属性对inline元素、inline-block元素、table-cell有效，对block元素无效。x-offset参数：阴影水平偏移距离，单位可以是px、em、百分比。
H5入门5：CSS 字体和文本样式
NYC的博客
06-26 2268
H5入门5：CSS字体和文本样式 概要： 文字样式属性 font-family字体属性 font-size属性 font-size绝对单位 font-size相对大小，相对大小是相对父元素的计算值 color属性==（注意：color前面没有font-前缀）== font-weight设置字体粗细 font-style ：为元素内文字设置样式 font-variant 字体变形，设置元素中文本为小型大写字母 font属性（各个属性的简写） 使用fo
CSS3中的字体和文本样式
码说芯语的博客
10-29 2290
CSS3文本样式、文字样式、特殊设置、色彩模式、文本阴影、动态生成内容、自定义字体
HTML字体及文本样式
xy25408的博客
08-16 6621
1.文本属性 1.1 颜色属性 color:值 英文单词：red、blue、pink… rgb ：r（red 红色）g（green 绿色） b（blue 蓝色） rgb(0,0,0) 每个值的取值范围在0-255之间，0代表不发光，值越大越亮 红色: rgb(255,0,0); 绿色: rgb(0,255,0); 蓝色: rgb(0,0,255); 黑色: rgb(0,0,0); 白色: rgb(255,255,255); rgba：和前面一样，只是多了透明度a，取值为0-1，值越小越透明
html字体及文本样式设置
m0_65214572的博客
07-21 7695
html字体及文本样式设置
CSS基础选择器、字体和文本样式
自动花钱机的博客
06-22 1282
CSS层叠样式表，CSS简介：CSS（层叠样式表Cascading Style Sheets）（CSS样式表或级联样式表）、CSS语法规范、CSS代码风格；CSS基础选择器：标签选择器、类选择器、id选择器、通配符选择器；CSS字体和文本样式：字体样式、字体大小、字体粗细、字体类型、常见取值、渲染规则；文本样式：文本缩进：text-indent、文本水平对齐方式：text-align、文本修饰：text-decoration、line-height行高；CSS的引入方式：内嵌式、外联式、行内式；综合案例。.
CSS字体、文本样式属性
酒涩博客
12-14 3338
CSS字体、文本样式属性1、字体属性1.1、修改字体样式属性语法：1.2、字体大小属性1.3、字体粗细属性1.4、字体样式属性1.5、字体复合属性2、文本外观属性2.1、文本颜色2.2、对齐方式2.3、装饰文本2.4、文本缩进2.5、行间距 1、字体属性 CSS-Fonts（字体）属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。 1.1、修改字体样式属性 CSS使用 font-family属性来定义字体 语法： p { font-family：‘宋体’; } 多种字体之间必须使用英文状态下的
css样式字体文本汇总
Hatsune_1的博客
10-11 1892
css样式字体文本行间距
CSS字体样式设置、CSS文本样式设置
热门推荐
A_9888的博客
10-22 1万+
一、CSS字体样式设置 1.字体样式设置 字体样式大致有如下几种特征： 字体类型（风格）、字体粗细、字体大小、字体系列 (1)字体类型（风格） font-style 用于设置字体风格，可设置以下值： ①　normal：普通字体 ②　italic：斜体 ③　oblique：倾斜字体 (2)字体粗细 font-weight 用于设置字体粗细，可设置以下值： ①　normal：正常粗细 ②　bold：粗...
微信小程序在text文本实现多种字体样式
10-16
这意味着我们不能直接通过嵌套不同样式的元素来实现文本样式的多样性。不过，微信小程序提供了`<text>`标签，可以通过这个标签进行文本展示，并且可以在`<text>`标签内部再嵌套`<text>`标签来实现类似的效果。 在...
css文字控制与css文本样式示例和属性
09-25
在CSS中，文字控制和文本样式是构建良好用户体验的基础，对网页内容的可读性和美观性具有重要影响。以下将详细介绍CSS中与文字控制及文本样式相关的属性和示例。 一、CSS控制文字属性： 1. font-size：该属性用于...
Css样式--字体样式和链接样式详解
09-25
在CSS样式中，字体样式和链接样式是两个重要的概念，它们允许我们自定义网页上的文本外观和链接行为。本文将详细解析这两个方面的内容。 首先，我们来看字体样式。CSS提供了丰富的选项来控制文本的视觉呈现。 1. *...
css之flex布局
最新发布
qq_37011724的博客
08-14 313
采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。，即如果存在剩余空间，也不放大。属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。默认情况下，项目都排在一条线（又称"轴线"）上。
CSS3模拟windows加载效果
u011626414的专栏
08-14 282
Windows加载效果
Layout 布局组件快速搭建
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
08-12 1047
Layout 布局组件快速搭建： 1. 设置主题样式变量 2. 封装公共布局组件 3. 经典布局 4. 水平布局 5. 响应式布局 6. 搭建 Layout 布局组件 7. 添加 Layout 路由配置 8. 启动项目
初识CSS（二）
weixin_68441705的博客
08-12 257
xpos ypos //像素（不是响应式布局，是一种绝对位置，有可能超出背景)backgroud-repeat: //背景图片是否平铺以及平铺样式。backgroud-attachment: //背景图片滚动。//左上角是0%0%，右下角是100%100%bckgroud-position: //背景图片位置。/行高，p中自动有设置。backgroud-image: //背景图片路径。line-height: //行高，直接设置值即可。//穿过文本的一条线。text-shadow: //阴影，设置艺术字。
CSS字体与文本样式指南
本文档主要介绍了字体及文本类样式的相关CSS...CSS中的字体及文本类样式提供了丰富的选项，让开发者能够精细地控制网页上的文本展示，从而提升用户体验和设计美感。理解并熟练运用这些属性是创建高质量网页设计的关键。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值