css改变字体的属性有哪些

发布时间:2022-12-29 10:41:40 作者:iii
来源:亿速云 阅读:116

本篇内容介绍了“css改变字体的属性有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

css改变字体的属性:font、font-family、font-size、font-style、font-variant、font-weight、“@font-face”、font-size-adjust、font-stretch等。

css改变字体的属性

属性说明
font在一个声明中设置所有字体属性
font-family规定文本的字体系列
font-size规定文本的字体尺寸
font-style规定文本的字体样式
font-variant规定文本的字体样式
font-weight规定字体的粗细
@font-face一个规则,允许网站下载并使用其他超过"Web- safe"字体的字体
font-size-adjust为元素规定 aspect 值
font-stretch收缩或拉伸当前的字体系列
color设置字体文本的颜色

font-style属性:

font-style属性指定文本的字体样式。

描述
normal默认值。浏览器显示一个标准的字体样式。
italic浏览器会显示一个斜体的字体样式。
oblique浏览器会显示一个倾斜的字体样式。

font-variant属性:

font-variant 属性设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

描述
normal默认值。浏览器会显示一个标准的字体。
small-caps浏览器会显示小型大写字母的字体。

font-weight属性:

font-weight 属性设置文本的粗细

描述
normal默认值。定义标准的字符。
bold定义粗体字符。
bolder定义更粗的字符。
lighter定义更细的字符。
  • 100

  • 200

  • 300

  • 400

  • 500

  • 600

  • 700

  • 800

  • 900

定义由细到粗的字符。400 等同于 normal,而 700 等同于 bold。

color 属性:

Color属性指定文本的颜色。

描述
颜色的名称颜色的名称,比如red, blue, brown, lightseagreen等,不区分大小写。
十六进制十六进制符号 #RRGGBB 和 #RGB(比如 #ff0000)。"#" 后跟 6 位或者 3 位十六进制字符(0-9, A-F)。
RGB,红-绿-蓝(red-green-blue (RGB))规定颜色值为 rgb 代码的颜色,函数格式为 rgb(R,G,B),取值可以是 0-255 的整数或百分比。
RGBA,红-绿-蓝-阿尔法(RGBa)RGBa 扩展了 RGB 颜色模式,它包含了阿尔法通道,允许设定一个颜色的透明度。a 表示透明度:0=透明;1=不透明。
HSL,色相-饱和度-明度(Hue-saturation-lightness)色相(Hue)表示色环(即代表彩虹的一个圆环)的一个角度。
饱和度和明度由百分数来表示。
100% 是满饱和度,而 0% 是一种灰度。
100% 明度是白色, 0% 明度是黑色,而 50% 明度是"一般的"。
HSLA,色相-饱和度-明度-阿尔法(HSLa)HSLa 扩展自 HSL 颜色模式,包含了阿尔法通道,可以规定一个颜色的透明度。 a 表示透明度:0=透明;1=不透明。

什么是css

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

“css改变字体的属性有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

推荐阅读:
  1. CSS的字体样式属性
  2. css实例正方体

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:css后代选择器如何使用

下一篇:css设置斜体字效果

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》