前端三剑客
html、css和js是前端的基础
- HTML（超文本标记语言） ： HTML 是 Web 页面的基础结构。它用于描述网页的内容和结构。HTML 使用一系列标记（称为标签）来定义页面元素，如标题、段落、列表、图片和链接等。浏览器解析 HTML 代码，并根据标签的语义来显示页面内容。HTML 为网页提供了基本的骨架，使浏览器能够呈现文本、图像和其他媒体。
- CSS（级联样式表） ： CSS 用于描述 HTML 元素的外观和布局。CSS 允许我们定义如何显示 HTML 元素，例如字体、颜色、大小、间距等。通过使用 CSS，我们可以将样式与 HTML 结构分离，使得网站的设计和维护更加简便。CSS 还允许我们根据不同的设备和屏幕尺寸应用不同的样式(媒体查询)，以实现响应式设计。
- JavaScript： JavaScript 是一种脚本语言，用于在浏览器中增加交互性和动态效果。它允许我们编写脚本来处理用户操作，例如点击按钮、输入表单、拖动元素等。通过使用 JavaScript，我们也可以操作 HTML 和 CSS，动态更改页面内容和样式，从而提供丰富的用户体验。JavaScript 也可以与服务器进行通信，以便在不刷新整个页面的情况下获取或提交数据（ 即AJAX技术）。
阅读css文档
视频并没有给出地址，这是css文档的地址：CSS Synatx。
查阅文档我们可以看到各属性对应有哪些值，以及可以做出哪些调整
前端协作的发展
根据这张图，我们可以得知前端的发展脉络
其中
Markdown语法是一种早在2005年前就诞生的标记语言，它通过简洁的语法规则，使得编写和阅读文档变得更加方便和清晰。虽然在这几年中涌现了一些其他的文档标记语言，但Markdown仍然保持着广泛的应用和影响力。这体现了人们对于简洁、易用和可扩展性的追求，同时也反映出Markdown作为一种优秀的工具，已经成为编写笔记和文档的主流选择。
JavaScript从一门简单的脚本语言逐渐发展为一门强大的语言，可用于开发复杂的前端应用。其中，Vue、React和Angular作为三大主流前端框架，也是随着时间的推移逐渐崭露头角，成为开发者们喜爱和广泛使用的工具。这显示出人们对于构建交互性和可维护性高的应用的需求，也反映了前端技术的不断演进和成熟。
三者如何协作
1、构建DOM树
通过html的骨架来达到构建DOM树的效果，根据head和body构建
2、计算CSS树
3、排版
4、渲染合成
使用V8引擎.
5、绘制
HTML基本语法：
1、标签（元素）Element
<a></a>
这是一对标签
2、文本 Text
3、注释 Comment
4、DTD Document Type Defination
5、处理信息 ProcessingInstruction
感想
前端技术因其重要性、用户体验的优化、多样设备的适配性、成熟开发工具和丰富的前端生态，受到了广泛关注并风靡一时。
前端技术的不断进步和创新，为用户提供了更好的体验和交互方式，也为开发者提供了更高效、便捷的开发工具和框架。前端的风靡不仅是技术的发展，也是对用户体验和用户需求的关注，这是一个积极的趋势。
