首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

激活时的字体粗细- CSS

激活时的字体粗细是指在用户点击或激活某个元素(如按钮、链接等)时,字体的粗细程度。在CSS中,可以通过伪类选择器来控制激活时的字体粗细。

常用的伪类选择器有:active,它表示元素在被激活时的状态。通过为该伪类选择器设置字体粗细属性,可以改变元素在激活时的字体粗细。

例如,可以使用以下CSS代码来设置激活时的字体粗细为粗体:

代码语言:txt
复制
a:active {
  font-weight: bold;
}

上述代码表示当用户点击或激活链接时,链接中的文字将以粗体显示。

激活时的字体粗细可以用于增强用户交互体验,使用户在操作某个元素时能够明显感知到该元素的状态变化。这在按钮、链接等需要用户点击的元素中特别有用。

腾讯云提供的相关产品中,与激活时的字体粗细直接相关的可能是字体库相关的产品,例如腾讯云字体库。腾讯云字体库是一个在线字体服务平台,提供了丰富的字体资源供开发者使用。开发者可以根据自己的需求选择合适的字体,并通过CSS样式来控制字体的粗细、大小等属性。

腾讯云字体库产品介绍链接地址:https://cloud.tencent.com/product/tcfont

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

CSSCSS 总结 ② ( CSS 字体文本样式 - 大小 字体 粗细 斜体 颜色 对齐 | CSS 标签显示模式 - 块级元素 行内元素 行内块元素 ) ★

一、CSS 字体文本样式 1、CSS 字体设置 CSS 字体设置 : 大小设置 : font-size 属性值 单位 推荐使用 px 像素 , Google 浏览器默认文字大小 16 像素 ; font-size...:16px; 字体设置 : 常用 微软雅黑 / 宋体 / 黑体 , 如果 指定了多个字体 , 优先使用前面的字体 ; font-family:"微软雅黑"; font-family:"黑体",Arial...,"微软雅黑","Microsoft Yahei"; 粗细设置 : 使用 font-weight 设置 字体粗细 ; normal : 默认不加粗样式 ; bold : 粗体 ; 1000 ~ 900...设置 字体 是否倾斜 ; normal : 默认没有斜体样式 ; italic : 斜体 ; font-style:italic; 2、CSS 字体设置综合写法 字体样式 顺序 , 不能打乱...) text-decoration: underline; 二、CSS 标签显示模式 1、块级元素 标签显示模式 : 指的是 标签显示方式 , 标签类型有很多 , 不同情景使用不同类型标签 ;

1.8K10

CSSCSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )

文章目录 一、 CSS 2.0手册使用 1、 按照文档层次查找 2、 搜索关键字查找文档 二、 font-weight 字体粗细设置 1、 语法简介 2、 代码示例 三、 font-style 字体斜体设置...1、 语法简介 2、 代码示例 四、 font 字体样式综合写法 1、 语法简介 2、 代码示例 ① 不使用综合字体样式代码 ② 使用综合字体样式代码 ③ 执行效果 一、 CSS 2.0手册使用...---- 1、 按照文档层次查找 CSS 使用方法可在 CSS 2.0 手册 中查询 ; 这里以 查询 font-weight 字体粗细设置 为例 , 在文档左侧 " 属性 | 字体 | font-weight...标签 粗体显示 , 则可以使用 CSS 设置其 不加粗 ; 在 CSS 中 , 可使用 font-weight 设置 字体粗细 ; font-weight 属性值设置 : normal : 默认不加粗样式..., 可使用 font-style 设置 字体粗细 ; body { font-style:italic; } font-style 属性值设置 : normal : 默认没有斜体样式 ; italic

4.7K20
  • PPT导出嵌入字体方法

    使用ppt时候,很多时候会使用一些特殊字体,在其他计算机上无法正常显示。这个时候就需要导出PPT时候进行字体嵌入。...1.1 常规方法 所谓常规方法,是指那些字体许可协议允许随意分发,我们才能导出嵌入。以office ppt 2013为例。 首先打开文件菜单。 点击选项。 选择保存。在最下方有字体嵌入选项。...第一个选择是最小化字体,只适用于观看,不能继续编辑,但是可以减少文档大小。 第二个选择是嵌入完整字体,相当于把字体分发到另一台电脑上,可以继续编辑文档。...1.2 非常规方法 也有些字体有许可限制,是不允许嵌入。 那该如何是好呢? 1.2.1 当然最简单是你把该字体打包,到对方电脑上安装下,很暴力,但是完美。 1.2.2 将文字复制粘贴为图片。...粘贴时候,在选项里选择粘贴为图片。 1.2.3 如果文字较多也可以选择将整个ppt导出成图片。再进行处理。

    3K40

    CSS字体相关小技巧

    让我们仔细看看规范: 开发者使用字体名如果与用户使用环境中已有的某个字体名字相同,在使用样式表文档中会有效覆盖底层字体。...当使用多种平台和字体,开发者应该同时包含这两种名称以确保跨平台可以进行正确匹配。 好,那么我们应当在 local()中放入一个PostScript名称或是完整字体名称。...接下来让我们通过一些简洁明了demo和测试用例来更好理解一下 更新:我之后不久发现System Font CSS项目在2015年使用了这种方法,好像早于Facebook实现 实例演示 注:下面的demo...同样也不再需要在你CSS中为 font-family属性赋其他杂乱值了。简单而有效!...WEB前端性能优化常见方法 一小内搭建一个全栈Web应用框架 干货:CSS 专业技巧 四步实现React页面过渡动画效果 让你分分钟理解 JavaScript 闭包 ---- ---- 小手一抖,

    1.3K40

    3.字体样式-CSS基础

    一、字体样式 1.常用字体样式属性 属性 说明 font-family 字体类型 font-size 字体大小 font-weight 字体粗细 font-style 字体风格 color 字体颜色...,字体N; (1)说明 可以看大,font-family可以有多个属性值,也就是指定了多种字体,使用字体按从左到右顺序排列,以英文逗号隔开。...(2)属性值与双引号 若字体类型属性值只有一个英文单词,则不需要加上双引号;若是多个英文单词或中文,则需要加上双引号。...(2)px像素值 关于px是什么,请看我另一篇文章01-CSS基础。 四、font-weight(字体粗细) 在CSS中,使用font-weight属性来定义字体粗细。...注意,字体粗细字体大小是完全不一样,可千万不要弄混了,粗细指“肥瘦”,大小指“宽高”。

    3.1K10

    CSS基础03-CSS字体属性

    03-CSS字体属性 CSS Fonts(字体)属性用于定义字体系列、大小、粗细、文字样式(如斜体等)。 3.1字体系列 CSS使用font-family属性定义文本字体系列。...,需要加单引号 尽量使用系统默认自带字体,保证任何浏览器都能正确显示 常见集中字体:‘Microsoft Yahei’, Tahoma, Arial, ‘Hiragino Sans GB’ 当设置了多个字体...,根据先后顺序依次查看系统是否支持,若不支持则查看后一个,若全都不支持则使用系统默认字体显示 实际开发中,字体设置常用于标签来将整个页面中字体全部修改掉 3.2字体大小 CSS使用 font-size...,我们应尽量给一个明确值,而不要使用默认大小 同样可以通过给设置字号大小来指定整个页面文字大小(标题标签除外,需要单独设定) 3.3字体粗细 CSS使用 font-weight属性来设置字体粗细...line-height font-family*/ font: italic 700 16px/18px 'Microsoft Yahei'; } 使用font属性

    1.9K20

    突破限制,CSS font-variation 可变字体魅力

    scale 是等比例放大缩小一个物体,而仔细观察上述效果,明显是有字体粗细字体字宽变化。这里,其实用到了 CSS 比较新特性 -- 可变字体,也就是 font-variation。...静态字体局限性 举个例子,在 Google Font,我随便选取一个标准静态字体,实现一个字体 font-weight 变化动画: CSS font-variation CSS...这个也就是传统静态字体局限性,单一字体文件中,其实是不会有该字体所有粗细、字宽类型。 可变字体多样性 接下来,我们换上可变字体。...理解 font-variation-settings 除了直接通过 font-weight 去控制可变字体粗细CSS 还提供了一个新属性 font-variation-settings 去同时控制可变字体多个属性...这次,除了字体粗细外,我们再添加上 "wdth" 变化,也就是字体伸缩。

    1.2K10

    前端:CSS字体大小 px、em、rem区别

    通常来说分辨率越高屏幕 DPI也就越高,所以高分辨率屏幕显示图标和字体都要更小一些。 所有浏览器默认字体大小都是 16px。...px特点 IE无法调整那些使用px作为单位字体大小; 国外大部分网站能够调整原因在于其使用了em或rem作为字体单位; Firefox能够调整px和em,rem,但是96%以上中国网民使用IE...2、em em(font size of the element)是指相对于父元素字体大小单位。...所以默认情况下 1em=16px EM特点 em值并不是固定; em会继承父级元素字体大小。 3、rem rem和 em相似,但是 rem是相对于根元素字体大小单位。...: 字体大小之px、em、rem、pt,字号详解:https://www.cnblogs.com/zhaowy/p/8400271.html vw vh视口百分比:https://blog.csdn.net

    2.1K10

    CSS 基础 之 基础选择器+字体文本相关样式

    类选择器 3.3 id选择器 3.4 通配符选择器 4、字体样式 4.1 字体大小 4.2 字体粗细 4.3 字体样式(是否倾斜) 4.4 字体系列 5、文本样式 5.1 文本缩进 5.2 文本水平对齐方式...开发中使用极少,只会在极特殊情况下才会用到 效果: 4、字体样式 字体大小 font-size 字体粗细 font-weight 字体样式 font-style 字体类型 font-family...4.2 字体粗细 属性名 font-weight 取值 关键字: 正常——>normal 加粗 ——>bold纯数字:100~900整百数:正常——>400 加粗 ——>700 注意点 不是所有字体都提供了九种粗细...关键字: 正常——>normal 加粗 ——>bold 纯数字:100~900整百数:正常——>400 加粗 ——>700 注意点 不是所有字体都提供了九种粗细,因此部分取值页面中无变化 实际开发中以...网页开发,尽量使用系统常见自带字体,保证不同用户浏览网页都可以正确显示 具体字体:微软雅黑、黑体、宋体、楷体等…… sans-serif、serif、monospace等…… 渲染规则: 1.

    2.1K10

    关于某点评网站字体加密以及 CSS 加密

    破解大众点评加密 某网站店铺列表页以及详情页和评论页加密不一样 店铺列表页加密为字体加密,打开网页源代码就可以看到显示都是 &#x**** 这种类型数据。 ? 所以只要找到字体文件。...在右上角css 文件点击,就会进入到该 css 文件。 ? 在 css 文件中就找到了这个字体文件,直接访问就可以下载下来。需要主要每一个 class 对应一个字体文件 ?...使用 FontCreator 打开该字体文件 ? 由于大众点评对相应 unicode 码进行了处理,所以就只能使用一些识图 api 或者工具,识别出其中内容,并保存构造相应字典。...因为大众点评字体文件会更新,所以建议可以保存到 reids 中,方便处理。 评论抓取 注意:第一页 URL 不能加 p , 从第二页开始就可以加了。评论需要登录后 cookies 。...ip 抓取频率不能太快,或者加上代理 ip 建立 cookie 池 ? ? ? 这个具体大家直接去百度吧。

    1.4K20

    css基础」关于字体相关基础知识(一)

    )和generic-family (通用字体),font-family可以设定一种字体或多种不同字体,每种字体间用半形逗号「,」隔开,当浏览器载入网页样式,会从左边第一个字体开始判断,如果没有对应字体...举例来说,下面这行CSS,会先找第一种字体,若不支持或没有该字体,则采用第二种字体,依此类推,最后使用通用字,从下方例子亦可以看到,字体名称不用加上双引号,但如果你字体名称中间空格,就一定要加上双引号...五、 常用字体属性简介(CSS1、CSS2部分) 以下内容,为CSS排版字体常用到CSS属性,我先暂且简单罗列,帮助大家进行回顾,对于重点部分我会在稍后文章里进行介绍。...我们在读比较正式期刊或报纸,段落首行一般都会空两个字,在CSS排版里,我们就用这个属性进行控制。...用来精确设置文本粗细,可以在指定数值范围内进行设定(100到900; 在100~400是正常,700是粗体; 100是细体),或通过关键词:bold,bolder,或lighter 进行设置。

    99100

    css基础」关于字体相关基础知识(一)

    ,每种字体间用半形逗号「,」隔开,当浏览器载入网页样式,会从左边第一个字体开始判断,如果没有对应字体,就直接采用下一种字体,如果到最后都没有可用字体,就采用电脑预设字体,这时就可以通过generic-family...举例来说,下面这行CSS,会先找第一种字体,若不支持或没有该字体,则采用第二种字体,依此类推,最后使用通用字,从下方例子亦可以看到,字体名称不用加上双引号,但如果你字体名称中间空格,就一定要加上双引号...五、 常用字体属性简介(CSS1、CSS2部分) 以下内容,为CSS排版字体常用到CSS属性,我先暂且简单罗列,帮助大家进行回顾,对于重点部分我会在稍后文章里进行介绍。...我们在读比较正式期刊或报纸,段落首行一般都会空两个字,在CSS排版里,我们就用这个属性进行控制。...用来精确设置文本粗细,可以在指定数值范围内进行设定(100到900; 在100~400是正常,700是粗体; 100是细体),或通过关键词:bold,bolder,或lighter 进行设置。

    96730

    睡眠局部目标记忆再激活

    海马重新激活诱导延迟皮质反应,促进向逐渐增强依赖新皮质转变。同时,睡眠纺锤波为皮层回路提供可塑性。...“目标记忆再激活(TMR)”这种方法可以促进记忆巩固并诱导海马活动,这表明涉及重新激活记忆或其中一部分。虽然气味和声音都是有效刺激,但气味好处是很少唤醒睡眠受试者。...基于上述理论,本文在睡眠通过对单个鼻孔进行气味刺激来局部激活单个半球记忆(图1)。这种方法可以评估局部刺激对相应半球行为记忆和电生理影响,而与另一半球相关记忆和活动作为对照组(图1A)。...因此,SW功率受嗅觉刺激影响,而纺锤体功率仅在涉及记忆再激活升高。...本文研究与局部记忆重激活一致,并对其使用单独解剖路径来阐明局部处理:单侧气味刺激能控制得到提示区域,并将它们与未得到提示处理平行记忆同源区域进行比较,从而更详尽地分离和研究睡眠中记忆重激活过程

    61720

    css基础系列

    css基础系列 盒子模型 盒子模型概念 高和宽设置 边框设置 内边距设置 外边距设置 盒子计算 元素显示方式 ?...: 设置元素背景图片显示方式: background-attachment: scroll | fixed scroll: 默认值,背景图片随滚动条滚动 fixed:当页面的其余部分滚动,背景图片不会移动...image.png 链接伪类 :link 未访问 :visited 已经访问 :hover 鼠标悬停 :active 激活 css继承和层叠 从父元素那继承部分css属性 css层叠可以定义多个样式...image.png id不要滥用,适当使用class css导入式@import 外部css样式 css字体和文本样式 文字:字体字体大小,颜色,加粗等 文本:行高,对齐方式,文本修饰等...字体:font-family 文字大小:font-size 文字颜色:font-color 文字粗细:font-weight 文字样式:font-style: normal | italic

    1.8K40
    领券