CSS文字加粗，字体，颜色渐变，消失总结

2024-06-10 04:31:50

CSS文字加粗，字体，渐变消失总结

文字加粗
改变字体
文字渐变
文字消失

文字加粗

CSS加粗字体：
font-weight 属性设置文本的粗细。
font-weight参数：
1.normal : 正常的字体。number为400。声明此值将取消之前任何设置
2.bold : 粗体。number为700。也相当于b对象的作用
可以直接使用或两者效果相同。

3.bolder : IE5+　特粗体
4.lighter : IE5+　细体
5.number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
默认值： normal
继承性： yes
版本： CSS1
加粗之后的效果图

p {font-family: serif;font-weight: 900;font-size:30px;}

改变字体

CSS改变字体：
font-family属性设置文本的字体格式。
font-weight参数：可以自行输入像要的字体格式

font-family: serif;给文字加棱角修饰文字。

文字渐变

p{background-image:-webkit-linear-gradient(top,#9EDCD9,#69DBDC,#44dbfb,#1791dc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

background-clip 属性规定背景的绘制区域
background-image:-webkit-linear-gradient(top,#9EDCD9,#69DBDC,#44dbfb,#1791dc)给文字进行渐变，top的地方是渐变的方式：从上到小，也可以改为to right等方向。
#9EDCD9,#69DBDC，是从第一个颜色渐变到后面的颜色，可以是两个也可以是多个。
color: transparent; 是让文字变成透明色，就是让后面背景色显示出来

文字消失

1.将文字字体大小设置为0

font-size: 0px;
line-height: 0px;overflow:hidden;

2.偏移掉字体的方式
使用text-indent:-9999px; 这种方法有一个局限性只适用于块级元素。
3.使用display：none
加个span，然后display:none，而且这样不会出bug。
缺点就是多了一对标签

CSS文字加粗，字体，颜色渐变，消失总结相关推荐

TextView部分文字加粗
开发中经常遇到TextView中部分文字加粗或者颜色不同的场景一般使用SpannableString就能解决.例如: private void testText1(String posName) { ...
css div里引用em字体会变斜体_CSS文字加粗斜体[解决代码]
CSS如何给文字加粗,这是小白常见的问题,今天俺跟大家总结分享. 标签解决办法一般老的浏览器可能会使用类似或来加粗文字用来设置斜体,例如以下代码: 加粗字体加粗字体斜体但是此办法语义化不是很好 ...
CSS入门六：字体样式；字体（楷体、隶书等），斜体，文字加粗，字体大小；
1.字体样式下面四个,font-family和font-size先前已经接触过了:这篇博客的核心内容就是,italic和bold两个: ● 2.font-style: italic:斜体,对于大多数 ...
php如何把文字加粗,HTML中如何将字体加粗
在HTML中要将字体加粗我们有两种方法,一种是利用b标签:另一种是利用strong标签,本篇文章我们就来介绍一下HTML中b标签和strong标签的用法. b标签和strong标签虽然都是可以让字体加 ...
css怎么设置字体颜色渐变
css设置字体颜色渐变的方法:1.使用"background-cli"和"text-fill-color"实现字体颜色渐变:2.使用"mask-ima ...
在html css中加粗显示,在CSS里面如何实现字体加粗
在word里面实现文字加粗是一件轻而易举的事.我们直接点击加粗按钮就可以完成.但是在css里面没有加粗按钮呀,那么如何实现字体加粗呢?下面小编向大家简单介绍一下. 1.使用font-weight属性 ...
iOS 加粗字体方法 (不改变字体字号只加粗文字)
/*** 加粗字体方法 * label 要加粗的 UILabel* BOOL YES = 加粗字体 NO = 去掉字体加粗*/- (void)jiaCuFontFormLabel:(UILabel * ...
css设置字体颜色渐变
/* 字体颜色渐变 */ color: #86c9f4; background: -webkit-linear-gradient(90deg, #f3fbfe, #86c9f4); -webkit-b ...
html字体渐变颜色的设置颜色代码,使用CSS3实现字体颜色渐变的实现
在使用Animation.css的时候发现它的官网字体会渐变,看了一下他的css很有趣 .site__title { color: #f35626; background-image: -webkit ...
朋友圈加粗字体数字_数字+符码：医院数码导视系统畅想起来
(建筑平面设计图边缘有横竖轴线编码) 医院导视系统要做到最简单.最清晰的表达,和谐地融入室内环境并具有一定的弹性,能够适应变化,并适应未来科技的发展,接纳信息化,与管理.服务互联互通. ...

最新文章

热门文章