CSS全局样式的设置，【建议收藏】

font-size: 100%; /* 调整字体大小 /
-ms-text-size-adjust: 100%; / IE浏览器 /
-webkit-text-size-adjust: 100%; / FireFox浏览器 */
}

2. 去除默认边距

body{
margin: 0; /* 外边距 /
padding: 0; / 内边距 /
border: 0; / 边框 */
}

3. 链接相关样式

a {
text-decoration: none; /* 去除默认下划线 */
}

a:focus {
outline:thin dotted; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */
}

a:active, a:hover {
outline: 0;
}

4. 排版相关样式

h1 {
/* 使h1标签在section标签和article标签的留白和字体样式统一。 */
font-size: 2em;
margin: 0.67em 0;
}

abbr[title] {
border-bottom: 1px dotted; /* 解决首字母样式在IE8/9、Safari 5和chrome浏览器中未定义的问题 */
}

b, strong {
font-weight: bold; /* 添加加粗样式*/
}

dfn {
font-size:italic; /* 添加斜体样式 */
}

hr {
/* 解决其在Firefox中的兼容性问题 */
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}

mark {
/* 解决样式未定义的问题 */
background: #ff0;
color: #000;
}

code, kbd, pre, samp {
/* 更正关联字体的老式设置 */
font-family: monospace, serif;
font-size: 1em;
}

pre {
/* 提高pre标签格式化文本的可读性 */
white-space: pre-wrap;
}

q {
/* 设置相一致的引号类型 */
quotes: “\201C” “\201D” “\2018” “\2019”;
}

small {
/* 统一所有字体大小 */
font-size: 80%;
}

sub, sup {

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

自学几个月前端，为什么感觉什么都没学到？？

---

这种现象在很多的初学者和自学前端的同学中是比较的常见的。

因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。

最重要的是，在学习的过程中，不知道每个部分该学哪些知识点，学到什么程度才算好，学了能做什么。

很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。

这就会给人一个错误的信息就是，我把资料上的学完了，估计也-就差不多的了。

但是真的是这样的吗？非也，因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线，你可以参考。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。

5be8206a9f6e5bd9e8e930303b613ee.png)

还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。

所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。