学习前端的体会、总结-3

学习前端又过了一周,现在来总结一下这周学习到的内容和体会。

本周已经开始了微博首页的搭建,目前完成了头部、内容左边和右边的登录框。
在搭建的过程中遇到了很多问题,但我都会通过百度来解决,虽然现在做的网页和本尊网页不能比,但我会尽力完成它。

这周还学习使用了字体图标,感觉是一个很好地东西,能有效地降低网页的请求次数,用起来十分方便。以下是使用字体图标的代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="tubiao\iconfont.css">
    
</head>
<body>
    <div>
        <a href="" style="text-decoration: none;"><i class="iconfont iconshouye"></i></a>
    </div>
</body>
</html>
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1581324338969'); /* IE9 */
  src: url('iconfont.eot?t=1581324338969#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1581324338969') format('woff'),
  url('iconfont.ttf?t=1581324338969') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1581324338969#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

接下来会更努力!!!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值