前端:分享几个前端素材网站

1、17素材网:资源还算比较全,包括各种前端插件、图片展示、文字效果、以及整站模板等,但是需要花钱注册会员。

网址:jQuery网页特效最全网页模板和网站模板jQuery代码_17素材网

2、模板之家:整站资源比较丰富,各种后台管理、企业、政府模板。免费,广告较多。

网址:网页模板,网站模板,DIV+CSS模板,企业网站模板下载-模板之家


3、图标
bootstrap图标大全:Bootstrap Icons - Bootstrap Icon Search

icon图标大全:Ionicons: The premium icon pack for Ionic Framework

font awesome图标字体: 图标库 – Font Awesome 中文网

4、视觉效果集合

Visualization Collection

5、CSS的炫酷玩法

CSS Tricks

6、文字素材

素材巷

7、DOWN源码

DOWN源码

  • 27
    点赞
  • 141
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
前端图标字体是一种非常方便的图标使用方式,它们可以通过 CSS 的方式进行引用和使用。通常情况下,前端图标字体都会以字体文件的形式提供,常见的前端图标字体库有 FontAwesome、Iconfont 等。 要使用前端图标字体,首先需要将字体文件引入到 HTML 页面中。通常情况下,可以通过在 HTML 头部添加以下代码来引入前端图标字体: ``` <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> ``` 其中,`path/to/font-awesome` 应该替换为字体文件所在的路径。 引入字体文件之后,就可以在 HTML 页面中使用前端图标字体了。通常情况下,可以通过在 HTML 中添加以下代码来使用前端图标字体: ``` <i class="fa fa-star"></i> ``` 其中,`fa` 是字体库的名称,`fa-star` 是具体的图标名称。不同的前端图标字体库可能会有不同的类名和图标名称,需要根据具体的字体库来使用。 除了通过类名来使用前端图标字体外,还可以通过 CSS 伪元素来使用。例如,可以通过以下代码来在链接的前面添加一个图标: ``` a:before { font-family: 'FontAwesome'; content: '\f005'; } ``` 其中,`FontAwesome` 是字体库的名称,`\f005` 是具体的图标对应的 Unicode 编码。不同的前端图标字体库可能会有不同的 Unicode 编码,需要根据具体的字体库来使用。 总的来说,前端图标字体是一种非常方便的图标使用方式,可以大大简化前端开发中的图标使用,提高开发效率。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值