样式插件Bootstrap和Font Awesome的使用

一个好看的页面往往能提高用户的体验,
而我刚开始写前端页面的代码时发现为什么别人写的网站那么好看,反观自己的页面真的惨不忍睹。一开始我也尝试着学习css样式布局使自己的页面美观起来,可是始终都是跟外面的网站页面有着一定的差距,页面还是很丑。后来了解到了一些插件,它们不仅能节约我们大量写样式的时间,还能得到一个很美观的页面,使用起来还非常的便捷,我来介绍一下这两个插件。
1.Bootstrap 下载地址
下载解压就可以使用了
使用方法也非常的简单,去Bootstrap官网上找到自己需要的对应的class就可以了在这里插入图片描述
2.Font Awesome 下载地址
Font Awesome的使用跟Bootstrap的使用方法也是一样下载解压找到对应的class就行,Font Awesome提供了大量的图标能够满足我们一般的开发需求。

下面的话看一下使用效果吧

这个是没有使用插件的自己写的样式

这是使用插件样式的页面
在这里插入图片描述
两个页面一对比,给人感觉完全不一样。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值