CSS学习笔记05

最新推荐文章于 2022-04-19 18:41:21 发布
最新推荐文章于 2022-04-19 18:41:21 发布
阅读量252 收藏
点赞数
分类专栏： 前端基础 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yidianyuanzhidong/article/details/117479327
版权

21、字体族

设置字体样式
font-family:"华文彩云"
五大字体族
font-family:serif,monospace,cuisive首先使用第一个，以此类推
在这里插入图片描述
引用字体
把字体打包到服务器，供用户使用

问题：
	1、加载速度
	2、版权问题

@font-face{
   
	font-family:"myfont";提供的字体名称
	src:url(
最低0.47元/天 解锁文章
爱玩的小屁孩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS学习笔记1
weixin_63010951的博客
07-27 624
css基础
Web前端笔记-i标签做小图标以及改源码注意事项
热门推荐
IT1995的博客
06-22 1万+
目录 最简单的使用i标签做小图标 修改前端源码注意的问题 最简单的使用i标签做小图标 运行截图如下： 实例结构如下： 此处就是使用i标签制作的小图标 其中html源码如下： <html> <head> <title>Hello World</title> <link href="test.css" r...
字体图标的下载及使用
huangqiang80的博客
09-24 625
图标字体引用 文章目录图标字体引用1、Font Awesome下载用法2、IconFont下载用法 1、Font Awesome 下载 打开官网fontawesome 我这里选择免费版点击下载 下载解压后，将里面的css文件夹和webfonts文件夹移到项目中 注：这两个文件夹必须在同一级目录 再引入css文件夹里的all.css或all.min.css 用法 1、通过类名来使用字体图标，类名对应的图标可到官网或百度搜索 <span class="fas fa-bell"></spa
HTML中使用IconFont图标
大头皮鞋的博客
08-11 7911
本博文介绍如何获得IconFont图标，以及在html中使用IconFont的3种方式。 一、获得IconFont图标 进入IconFont官网：https://www.iconfont.cn/，点击右上方人像图标登录。 选择一种快捷登录方式，这里选择Github 搜索需要的图标，例如：点赞 键入“点赞”后，回车搜索图标 鼠标移动到一个喜欢的图标上，点击购物车图标 ...
vue中动态绑定class和style
joan_FontEnd的博客
02-08 1343
中心点:1. 三目运算 2. class和style前面千万不要忘记加"：" class动态绑定 <i v-if="icon" :class="['el-icon-' + icon]" class="el-input__icon material-input__icon" /> icon是动态添加的值，可以用在循环中，便于不同的class名称，动态添加 或者 <i :class="show?'el-icon-close':'el-icon-setting'" /> ..
CSS 学习笔记
09-25
在CSS学习过程中，了解并熟练掌握ID和Class的使用是非常基础且重要的。ID与Class都是CSS选择器，但它们有着不同的特性和应用场景。 ID选择器（#）的主要优点在于其高优先级，这意味着当需要为特定元素赋予特殊样式...
css经典学习笔记.zip
11-01
综上所述，《CSS经典学习笔记》旨在提供一个全面的CSS学习路径，无论你是初学者还是有经验的开发者，都能从中受益，提升你的CSS技能和网页设计能力。通过深入实践和不断探索，你会发现CSS不仅可以打造出美观的界面，...
css学习笔记
12-20
本人自己学习CSS过程中亲自总结的思维导图，结构清晰，重点突出，便于记牢
HTML+CSS学习笔记.zip
最新发布
01-01
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
fontawesome图标字体使用
qq_54030999的博客
02-27 589
1.下载地址：Font Awesome 2.解压，放到自己项目的css文件中 3引入css，在头文件中 <link rel="stylesheet" href="css/font-awesome.min.css"> 4.直接使用类名来使用图表字体 格式：class = “ fas fa-bell” 代码示例： <ul class="shop-cart"> <li><a href="javascri"> <i class="fas fa-
【css】i标签icon图标旋转样式
王佑辉的博客
01-07 3104
【css】i标签icon图标旋转样式【css】i标签icon图标旋转样式 【css】i标签icon图标旋转样式 代码示例： <i class="el-icon-refresh" style="font-size: 22px; animation: rotating 2s linear infinite reverse;"> </i> 图片示例： 注意： 1.el-icon-refresh是elementui图标样式 2.animation-direction可以控制旋转方向：
CSS组件：字体图标
沉梦昂志
06-21 984
字体图标就是文字，只是这种文字长得和图标一样 字体图标优缺点 字体拥有的属性（字体大小、颜色等），均适用于字体图标 具有矢量性，无限放大也不会有马赛克，保证清晰度 字体图标大小相对于图片要小很多，加载快，灵活 字体图标只能是单一颜色，图片可以多种颜色混合 fontawesome使用步骤 下载解压 将css和webfonts移动到项目中 使用link将all.css引入网页 ...
idsw组件图标样例
lishuan182的博客
03-19 396
idsw组件图标样例 图例 组件 代码 数据集 <i class="fa icon-idsw-dataset"></i> 模型 <i class="fa icon-idsw-model...
CSS基础(21)_字体样式、图标字体
no15870678621的博客
04-19 860
字体样式、图标字体
前端-CSS3学习笔记十二
weixin_45068245的博客
03-14 1016
P74_元素的层级 1.对于开启了定位元素，可以通过Z-index属性来指定元素的层级         Z-index需要一个整数作为参数，值越大元素的层级越高                 元素的层级越高越优先显示     &n
字体图标的使用
Studious_S的博客
04-15 524
字体图标的使用Font Aswsome1、使用步骤 Font Aswsome 在官方网站下载此压缩包。建议英文网，中文网版本没有英文网的版本新。 1、使用步骤 1）将解压后的文件夹中css文件夹以及webfonts文件夹复制到项目当中，在项目中导入css的all.css或是all.min.css文件即可。 2）在需要使用字体图标的标签中添加类名 <div class="fas fas-search"><div> <!--格式为fas 图标类名 或是 fab 图标类名--&g
FontAwesome-基本样式-1.1
caishu1995的博客
01-11 1186
    上次我们了解了基础用法。现在我们接着看吧。   大小     他们提供了好多种型号的。我们可以来看看。     fa-xs(.75em)   fa-sm(.875em)   什么也加   fa-lg(1.33em)   fa-2x(2em)   fa-3x(3em)     fa-4x(4em)     fa-5x(5em)     fa-6x6(em)  fa-7x(7em) ...
fontawesome图标字体库下载和使用
weixin_44707134的博客
07-22 3512
下载 解压 移动css和webfonts文件到项目中 在网页中引入all.css文件<link rel="stylesheet" href="./fa/css/all.css"> 使用，直接通过类名使用图标字体class="fas fa-bell"
CSS之字体相关内容
qq_36594235的博客
04-05 171
1、与字体相关的样式 1.1 设置字体的颜色：color 1.2 设置字体大小：font-size 1.3 设置字体的格式（如微软雅黑）font-family：可以同时指定多个字体，多个字体用逗号隔开，字体优先前面生效 font-family的可选值： serif：衬线字体 sans-serif：非衬线字体 monospace：等宽字体,字母的宽度保持一致 p{ /*设置字体颜色*/ ...
CSS一篇文章搞懂系列6：超全的字体篇与背景设置内容，花里胡哨起来
尚墨1111的博客
08-14 274
一、意义： 常见字体格式设置：加粗、斜体、删除线、下划线 常见的文本格式设置：居中、对其、基线设置 常见的背景格式设置：背景图片 <!-- 关于字体：图片放大缩小会出现失真，有时也不过灵活，许多图标做成字体。实用美观 1.常见字体设置 color font-size font-family:设置字体族 |--serif 衬线字（一类，只要边上代勾类的都叫衬线字） |--sans

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值