分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

CSS基础——字体

发布时间:2023-09-06 01:46责任编辑:顾先生关键词:CSS

1、font-family:设置字体类型

  <family-name>:字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格或中文,则应使用引号括起 . 

  • user agent会遍历定义的字体序列,直到匹配到某个字体为止。
  • body { font-family: helvetica, verdana, sans-serif; }
    • 如上字体定义,假设你机器上没有helvetica字体,但有verdana,这时将会以verdana显示你的文字。

2、color :字体颜色  

  可以使用Color Name(颜色名称), HEX, RGB, RGBA, HSL, HSLA, transparent来指定color。 

  由于不同浏览器对颜色名称的渲染不同,建议使用 #hex 表示颜色。

3、font-style:设置字体样式  

  normal:
指定文本字体样式为正常的字体
  italic:
指定文本字体样式为斜体。对于没有设计斜体的特殊字体,如果要使用斜体外观将应用oblique
  oblique:
指定文本字体样式为倾斜的字体。人为的使文字倾斜,而不是去选取字体中的斜体字 

 4、font-size:设置字体尺寸,一般用px

  可以设置绝对尺寸,也可以设置相对尺寸。

5、font-weight:设置字体粗细

  normal:正常字体

  bold:粗体

  bolder:定义比继承值更重的值

  lighter:定义比继承值更轻的值

  一般直接用数字,400、800等即可。

  

  

CSS基础——字体

原文地址:https://www.cnblogs.com/yz9110/p/8621370.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved