CSS选择器中的font与text

于 2023-06-07 22:30:35 发布
阅读量390 收藏
点赞数 2
文章标签： css html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55394564/article/details/131097346
版权

        1.初学CSS选择器中的文本样式的时候，我一直分不清font与text有什么区别，以为他们指向同一个概念——“文字”，后来我思考了才发现，font是对“单个文字”来说的，而text是对“整个文本”。

        2.字有字体（family）、大小（size）、粗细（weight）、颜色（color），这些都是对于单个字来说的，因为文本是一个区域，没有字体、大小、粗细、颜色的说法，比如不可能说“为某一块文本设置‘字体’”；而文本由于是整个区域，于是有缩进（indent）、位置（align）、行高（line-height）、装饰（decoration）这些概念，因为对于单个字来说，不存在缩进、位置关系、‘行’高、装饰等等

好好学IT.
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
CSS 常用属性（text和font以及选择器）
qq_45897045的博客
07-07 281
【代码】CSS 常用属性（text和font以及选择器）
html里的font和text,CSS字体与文本样式详解
weixin_35953155的博客
06-17 1055
学习导航1、css中的长度与颜色2、css中的文字属性3、css中的文本属性1、文字样式属性font-family文字字体font-size文字大小font-color文字颜色font-weight文字粗细font-style文字样式font-family 字体属性作用：元素内文字以什么字体来显示语法：font-family:[字体1],[字体2],[......];说明：含空格字体名和中文，用英...
前端开发_HTML5_CSS部分-文字(font)/文本(text)
u013185175的博客
12-14 2516
文字（font）/文本（text）属性 1.引入 上一节课我们讲解了有关边框的问题，接下来我们来学习一下有关文字的相关属性，文字的相关属性主要有两个，一个是文字属性：font，另一个则是文本属性:text 。 2.文字属性(font) font文字常用属性 1.font-size:用于定义文字的字体大小，一般情况取值为:12px和18px,如:font-size:12px。 2.font-family:用于定义字体的类型,字体的类型如同之前我们接触到的word中的字体类型，如: ..
基本选择器的简单介绍、font系列、text系列、颜色表示方法、长度单位、盒模型的基本介绍
yangyanqin2545的博客
10-19 1760
一、基本选择器 1、类选择器 : 通过标签的class属性选择标签 .box{ … }（需要写在style里面，里面的属性可以包括：字体的颜色，字体大小，文字字体、字体的粗细-------其中400为正常粗细/大于400为加粗bold等；各种边框的设置，例如：宽、高、边框的颜色、等；） {  } 2、标签选择器 ： 通过标签的名称选择标签 div{ … } p{ … } ｛} 3、通配符选择器 ： 选择所有标签 通常用来去除标签自带的内外边距 *{ … } *{ ​ margin:0px;
css文本外观属性中设置字体,css 文本外观属性(text) 和 字体样式属性(font)
weixin_33428613的博客
08-04 1571
css文本 text外观属性color: 　　颜色值(red,blue)十六进制 ，rgbletter-spacing: 　　字间距 px,emword-spacing:　　单词间距 对中文无效line-height: 　　行间距 px，em , %text-transform: 　　文本转换 none:不转换 capitalize:首字母大写 uppercase: 全部字符转换为大写 lower...
Qt控件精讲六：显示组件
yuxikuo_1的专栏
12-23 6710
Qt Creator有10种DisplayWidgets，如下图： 控件类 控件名 中文名 控件类 控件名 中文名 QLabel Label 标签 QLCDNumber LCDNumber LCD数字显示框 QTextBrowser TextBrowser 文本浏览器 QProgressBar ProgressBar 进度
【Android】字体设置 Text font
凡人的专栏
02-17 1850
通过android:typeface属性来设置字体： <TextView android:id="@+id/textView15" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Fuel drive" android:textSize="16sp" android:type
css的text和font
weixin_30307921的博客
09-11 387
一，text 文本的样式 　　1，颜色　　color 　　2，文本对齐方式　　text-align=left（左）/center（居中） / right（右） / justify（两端）; 　　3，文本修饰　　　　text-decoration=none（没有）/overline（上划线）/underline（下划线）/line-through（删除线）; 　　4，文本缩进　　　...
CSS选择器
SongYuLong
03-02 505
CSS选择器元素选择器属性选择器ID选择器对具有id属性值的HTML元素起作用对id为idValue的E元素起作用class选择器包含选择器子选择器兄弟选择器（CSS3新增）组合选择器伪元素选择器:first-letter:first-line 元素选择器 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html" />
CSS的这些选择器你都学会了吗？
最新发布
m0_72826314的博客
07-29 457
通用选择器（*）选择页面上的所有的HTML元素一般用来清除页面内外边距。
css中文本（text）和字体（font）属性
weixin_39150852的博客
09-12 5926
text-decoration属性在html语言中表示文本的修饰 none：取消装饰 underline ：下划线，与标签、效果相同 overline ：上划线 line-through ：贯穿线（删除线），与标签、效果相同 blink ：闪烁（因兼容性问题很少使用） ...
01-认识css：css基本选择器以及常见属性（字体属性文本属性等）
sk142536的博客
05-04 857
文章目录🚀css概述css简介css语法规范css 代码的注释CSS的单位绝对单位相对单位CSS 的书写方式1、行内样式2、内嵌样式表3、引入外部样式表 css 文件🚀css基础选择器标签选择器类选择器多类名选择器id选择器一个标签可以被多个 css 选择器选择：id选择器和类选择器的区别：通配符选择器选择器总结🚀css常见属性font 字体属性行高如何让单行文本垂直居中（重要）`vertical-align: middle;` 属性字体大小：字体粗细：字体样式：字体字体的综合写法字体总结：文本属性文本颜色
前端css基础知识点之text&font——字体
Sun_Raiser的博客
07-13 475
前端css基础知识点之text&font——字体 设置文字颜色 color: red; 字颜色方式 字颜色方式 颜色单词 red yellow blue … rgb(0255,0255,0~255) 十六进制 #ff0000 #00ff00 #ffffff #000000 #f00 #0f0 #fff #000 #aa7712 文字水平对齐方式 text-align:left或center或right 文本的装饰效果 text-decorat
CSS属性总结（二）：text, font, margin, padding
web开发自学
12-05 302
文本 color 设置元素内文本的颜色。值可以取任意CSS支持的颜色值，包括颜色名称（如red, blue）、十六进制颜色值（如#ff0000）或者rgb颜色值（如rgb(255, 0, 0)）。默认为#000000，黑色。 direction 设置元素内文本的书写方向。取值有ltr（从左至右）和rtl（从右至左）。默认为ltr。 letter-spacing 设置相较默认状态下增...
WEB前端学习:CSS学习_CSS font 和 text 相关属性
Dream_ruins的博客
03-22 583
CSS选择器 文章目录CSS选择器一、简单选择器1.type选择器(类型选择器)1.1、选择器命名规则2.class选择器(类选择器)2.1、选择器命名规则3. ID选择器3.1、选择器命名规则二、属性选择器三、上下文选择器四、伪类选择器1.结构化的伪类选择器2.UI伪类选择器五、伪元素选择器持续更新... 该篇为讲得是 CSS选择器，这是 CSS篇章最为重要的一篇。选择器决定 CSS规则样式作...
font 和 text 字和文本操作
weixin_30951231的博客
06-19 200
转载于:https://www.cnblogs.com/freddyhuang/p/5598974.html
(七)利用processing绘制不同格式的字体
Antlook的博客
02-26 7154
绘制显示不同格式的字体: PFont font; void setup(){ size(560, 120); smooth(); font = loadFont("EunjinNakseo-48.vlw"); textFont(font); background(102); } void draw(){ textSize(36);   text("That's one
CSS选择器声明与网页重构优势解析
"选择器的声明-CSS辅助文档" 在CSS中，选择器的声明是定义样式的关键部分，它允许我们指定哪些HTML元素应该应用特定的样式规则。分组选择器是一个有效的方法，可以一次性为多个相关的元素设置相同的样式，从而简化...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值