2024年最全HTML5 使用技巧分享 4 —— 将一行元素快速置于屏幕底部，面试经历的文章

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

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

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

1. 编写 HTML 代码

2. 使用 div 标签编写好元素

3. 然后就是 在 head 标签里直接设置样式，或者通过外部文件，引用 css 样式

CSS样式设置部分

4. 通过外部文件，通过 link 标签引用 css 样式文件。

5. 设置 width = 100%， height = 50px;

6. z-index: 设置 100

7. flex 布局，居中处理

三、代码实现

=====================================================================

3.1 不引用外部样式

但是这样会显得代码冗余，因此不建议这么做

Copyright @ 2019 XXXX

3.2 引用外部 css 样式

推荐这种方式，这样可以使样式和内容分离的效果，优化效果

index.html

Copyright @ 2019 XXXX

基础学习：

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计：HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

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

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互：JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

动态交互：JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

[外链图片转存中…(img-1cP8UJFB-1715643926474)]