本文介绍了HTML中的字体样式属性如font-size、font-style和font-weight，以及如何应用在CSS代码中。作者分享了一份全面的Web前端开发学习资料，覆盖基础知识到进阶课程，旨在帮助前端工程师高效学习并降低学习成本。
不加修饰的一级标题
一级标题隶书
一级标题黑体
一级标题Arial Black
效果截图：
单位：px（像素）
.p1{font-size: 10px; }
.p2{font-size: 20px;}
.p3{font-size: 30px;}
样例代码：
这是正常的一级标题
这是10px的一级标题
这是20px的一级标题
这是30px的一级标题
效果截图：
normal、italic和oblique
.p1{font-style: normal; }
.p2{font-style: italic;}
.p3{font-style: oblique;}
样例代码：
这是正常的一级标题
这是normal的一级标题
这是italic的一级标题
这是oblique的一级标题
效果截图：
normal 默认值，定义标准的字体。
bold 粗体字体。
.p1{font-weight: normal; }
.p2{font-weight: bold ;}
样例代码：
这是正常的字体
这是normal的字体
这是bold的字体
效果截图：
字体属性的顺序：字体风格→字体粗细→字体大小→字体类型
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
结尾
正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。
会持续更新！**
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
[外链图片转存中…(img-fnM3EojJ-1713478063527)]
结尾
正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。
扫一扫
890
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
