CSS-3-font字体属性

最新推荐文章于 2022-12-08 20:28:51 发布
最新推荐文章于 2022-12-08 20:28:51 发布
阅读量306 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y_shihao/article/details/94620623
版权

1.font-size 文字大小
控制文本的大小

px作为单位
谷歌浏览器默认的字体大小是16px
谷歌浏览器默认的最小字体是12px

em单位
em是默认字体大小的倍数

rem单位
常用于适配移动端
rem是相对于页面根元素html字体大小(适配的屏幕/10,下载插件cssrem能进行自动计算)
rem是CSS3新引进来的一个度量单位,不兼容IE6-8

设置根元素字体
vscode----设置----搜索rem-----Root-font-size(设置字体大小)

例子:

	font-size: 16px;
	font-size: 2em; //相当于32px
	font-size:2rem; //如果<html>设置为32px,则1rem等于64px;

拓展

vw : 1vw 等于视口宽度的1%
vh : 1vh 等于视口高度的1%
vmin : 选取 vw 和 vh 中最小的那个
vmax : 选取 vw 和 vh 中最大的那个

2.font-family 文字的字体库
默认的字体是微软雅黑
多字体方案也可以叫备胎方案 中间用逗号隔开
如果全部字体都没有,那么使用微软雅黑
例子:

	font-family: "楷体";
	font-family: "楷体","黑体","宋体";

3.font-weight 文字加粗
有两个属性:
normal:正常,就是不加粗—400
bold: 文字加粗—700
例子:

	font-weight: bold;

4.font-style 文字倾斜
有两个属性:
normal:默认正常
italic: 字体倾斜
例子:

	font-style: italic;

5.font连写(重点)
多个属性之间用空格隔开
连写属性的顺序问题
1.前面两个可以调换位置,还可以省略-----字体加粗与字体倾斜
2.后面两个不能调换位置,不能省略-----必须先写字体大小,再写字体库
可能出现的问题是第一个不能写normal,要写400.否则可能报错
基本语法:
选择器 { font: font-style font-weight font-size/line-height font-family;}
例子:

	font: bold italic 20px "楷体";
YoungShiHao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
parse-css-font：解析CSS字体属性值
02-03
解析CSS字体 解析CSS 。 安装 $ npm install parse-css-font [--save[-dev]] 用法 const parseCSSFont = require ( 'parse-css-font' ) parseCSSFont ( '1rem "Roboto Condensed", sans-serif;' ) /* { size: '1...
CSS3用@font-face实现自定义英文字体
09-25
在CSS3中，`@font-face`规则是一个强大的特性，允许开发者自定义并引入网页的英文字体，从而提供独特的视觉效果和品牌风格。通过这个规则，你可以指定一个唯一的字体名称，然后链接到本地或者网络上的字体文件，使得...
CSS3之font属性
杨筱斌的博客
10-24 1202
font： 作用：           在一个声明中设置所有字体属性 说明：           可设置的属性是（按顺序）： “font-style font-weight font-size/lin...
font字体属性
Lambo
03-27 2643
1、字体属性font-weight:字体粗细 bold（加粗）、bolder、light、lighter font-size:字体大小(20px,em（对比父级元素的大小）,rem（基于16px标准像素的倍数，如1rem=1*16px）)font-family:字体名称(微软雅黑)font-style:字形（italic字体为斜体）如：div{font-size:1rem;font-weight:...
CSS字体样式属性调试
Web_chicken的博客
09-08 7548
CSS字体样式属性调试 1.font-size font-size属性用于设置字号 p { font-size:20px; 2.font-family font-family用于设置字体 p { font-family:"Mirsoft YaHei"； } 网页中常用字体有宋体，微软雅黑，黑体等 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个,直到找到合适的字体，如果都没有，则以我们电脑默认的字体为准。 p { font-family:"Mirsoft YaHei"
字体属性
beyondsanli的专栏
10-12 290
public class PrintLocale {     public static void main(String[] args) {         System.out.println(System.getProperty("user.language"));        System.out.println(System.getProperty("user.region"));  ...
font(字体)所使用的属性
weixin_30412167的博客
11-20 875
1、font-weight:normal blod bolder lighter 100-900之间 400=normal 1 p:first-child{ 2 padding-top: 50px; 3 position: relative; 4 color: black; 5 font-size: 40px; 6 font-weight...
css中默认中文字体font-family列表
09-25
在CSS中，font-family属性用于定义文本的字体系列。在设计网页时，为了确保不同操作系统和浏览器上的用户能够正确地看到设计者希望呈现的字体，通常会设置一个字体栈（font stack），即多个候选字体的列表。当中文...
CSS3 @font-face属性使用指南
09-25
在CSS3中，`@font-face`规则是一个强大的特性，允许开发者将自定义字体引入到网页设计中，从而使页面的视觉效果更加个性化和独特。这个属性使得我们可以引用远程的字体文件，让浏览器下载并显示这些非标准字体，而...
min-max-font-size:使用 vw 或 vh CSS 单位？ 为您的类型设置最小或最大字体大小
06-08
最小最大字体大小 使用 vw 或 vh CSS 单位设置字体大小？ 为您的类型设置最小或最大字体大小。 设置 在 HTML 页面的末尾添加mm-fontsize.js ，就在结束body标记之前。 … < script src =" ./path-to-js/mm-fontsize.js " type =" text/javascript " > </ script > </ body > </ html > 现在您可以开始在您自己的 CSS 中手动调整字距。 CSS 语法 要使用 min-font-size 或 max-font-size 属性，只需像任何其他属性一样在 CSS 中编写它： h1 { font-size : 4 vw max-font-size: 50 px ; min-font-size : 20 px ; } 笔记： 这仅适用于使用 v
css font属性详解
qq_37899792的博客
05-21 2万+
一、字体属性 1、字体 属性：font-family 取值：value,value 注意： 字体取值中包含特殊符号和中文的话，要用 "" 引起来 ex: font-family:Arial,"microsoft yahei"...
html删除font标签属性,html font标签是什么？<font>标签的属性的详细介绍
weixin_30935475的博客
06-04 501
html font标签是什么？标签的属性的详细介绍，本篇文章为大家介绍了html font标签的定义和实例，还有关于html font标签的三个常用属性的详解，最后给大家介绍的就是与font标签有关的css样式属性，因为现在主流的是用css来给html添加一些常用的属性，希望你们能认真阅读本章。HTML标签的定义和用法：HTML中标签意思是:规定文本的字体、字体尺寸、字体颜色。标签常用的属性有:c...
css 加粗_CSS 字体样式
weixin_39875419的博客
11-28 462
本节我们来讲字体样式，之前我们学习 HTML 的时候学过一些用于字体加粗、倾斜的标签，但是使用标签来实现的效果肯定没有我们通过 CSS 中的样式来的方便。接下来我们会给大家介绍下面这几个属性的使用：通过学习上述这几个 CSS 属性，我们可以实现给 HTML 中的文字设置字体、大小、风格、倾斜、加粗等。font-familyfont-family 属性用于设置一个元素的字体，字体就是像宋体、楷体等。...
css文本行高是哪个属性_CSS样式----CSS属性：字体属性和文本属性（图文详解）...
weixin_39901332的博客
12-21 548
本文最初于2015-10-04发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。以下是正文。本文重要内容CSS的单位字体属性文本属性定位属性：position、float、overflow等CSS的单位html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。CSS中的单位是必须要写的，因为它没有默认单位。绝对单位：...
Font字体属性
最新发布
2202_75549187的博客
12-08 4134
Font字体属性
CSS设置字体种类，如宋体，楷体，黑体，仿宋等等。。。。
热门推荐
VaPyl的博客
10-26 3万+
如：宋体,div里面设置字体样式 全局设置字体样式 字体样式的CSS表示大全 华文细黑：STHeiti Light [STXihei]  华文黑体：STHeiti  华文楷体：STKaiti  华文宋体：STSong  华文仿宋：STFangsong  儷黑 Pro：LiHei Pro Medium  儷宋 Pro：LiSong Pro Light 
csdn markdown编辑器设置字体大小和颜色换行
BiigPanda的博客
04-21 489
<font color=#0099ff size=4 face="微软雅黑">测试效果</font> 在markdown中输入以上字段即可，具体效果如下所示： 测试效果 color：字体颜色 size：字体大小 face：字体 ...
font:综合设置字体样式(重点)
Liyunhao_haoge的博客
10-03 2913
font:综合设置字体样式(重点) 语法: 选择器 {font:font-style font-weight font-size/line-height font-family;} 说明: 1)使用font属性时,必须按上面语法的顺序书写,不能更换顺序,各个属性以空格隔开 2)注意:其中不需要设置的属性可以省略,取默认值,但必须保留font-size和font-family属性,否则将不起作用; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值