2024年最全css基础（一）：简介和引入方式(1)，2024年最新前端面试题web

最后

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。

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

/* 这是注释 */

2.引入CSS样式表

---

想要在一个页面中引入css，共有3种方式：

• 外部样式表

• 内部样式表

• 行内样式表

2.1外部样式表（外链式）

• 也称链入式，是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中。

• 外部样式表是最理想的CSS引入方式。在实际开发中，为了提升网站的性能速度和可维护性，一般都用外部样式表

• rel:定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。

• href:定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径

2.2内部样式表（内嵌样式表）：

• 内部样式表，就是把HTML代码和CSS 代码放到同一个HTML文件中。其中，CSS代码放在style标签内，style标签是放在head标签内部的。

• 也称为内嵌式，将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义。

• style标签一般位于head标签中，当然理论上他可以放在HTML文档的任何地方。

• type=“text/css” 必须添加的，表示这是标准的CSS，但是在html5中可以省略。

• 只能控制当前的页面

• **缺点:**没有彻底分离结构与样式

2.3行内式（内嵌样式表） ：

• 行内样式表与内部样式表有着相似，也是把HTML代码和CSS代码放到同一个HTML文件中，但是两者有着本质的区别：内部样式表的CSS是在style标签内定义的，而行内样式表的CSS是在标签的style属性中定义的

<标签名 style=“属性1:属性值1; 属性2:属性值2; 属性3:属性值3;”> 内容 </标签名>

例如：

好好学习，天天向上

• style其实就是标签的属性

• 样式属性和值中间是:

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

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

JavaScript

性能

linux