快速掌握HTML和CSS的秘诀-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_54129816/article/details/123449097

本文介绍了快速学习HTML和CSS的方法，强调CSS是让网页焕然一新的关键，而JavaScript则能展现个人技术实力。建议初学者重点关注常用HTML标签、CSS样式和JavaScript基础，而非追求速度。推荐了学习资源，并提醒不要急于求成，要注重实践和理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言
- 这里只是讲一些我自己学习网页制作后认为可以快速掌握的学习方法和小技巧。因为不可能一篇本章就可以把HTML讲的非常清楚明白。感兴趣的可以向下看一看。
一、HTML和CSS是什么？
二、清楚要重点学什么
- 说回来网页制作这块，我认为重点学习的话是css和javaScript，html的元素常用的会用后，拿过来知道几个结构我觉得差不多了，css才是能让你的网页焕然一新的工具。另外为什么说javascript也是重点？因为学到最后每个人做出来的网页其实都差不了多少，这个时候就看你的javascript玩的6不6了。
- 2.学习的资源
总结

前言

提示：这里可以添加本文要记录的大概内容：

这里只是讲一些我自己学习网页制作后认为可以快速掌握的学习方法和小技巧。因为不可能一篇本章就可以把HTML讲的非常清楚明白。感兴趣的可以向下看一看。

一、HTML和CSS是什么？

其实概念性的东西我没有讲很多，很详细。讲了重点是css（在知道html一些基本元素标签后），然后是学习javascript！之后是vue，再是框架。因为我也是刚刚学习不久，一些问题我没有回答是想学习的人自己可以去解决掉的。相信自己。

一些基础的概念还是需要掌握的：
html+css就是我们平时在浏览器上看到的网页。例如：百度
在这里插入图片描述


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

上面是html最初创建出来的样子。内容写在body标签里，css:样式用来装饰你的内容。
例如：
在这里插入图片描述
和下面这张图片其实内容是一模一样的，关键就是css样式怎么运用。
所以知道重点了吧！

二、清楚要重点学什么

虽然html中的标签有好多个，里面是属性更多，几百个？没仔细看过，但是掌握最常用的几个标签就可以了。反而是css在刚学的时候经常会搞不清楚这几个问题：

元素定位
元素的宽度和高度
position

当然还可能遇到其他问题。但是最主要的是：不要焦虑，不要太急躁，因为很多人包括我自己学这个的时候（因为我是看视频学习的）经常就会开到2倍速，一天刷下来，刷了好多集！感觉好有成就感。但其实这是伪努力！
可能当时听懂了，但是第二天你可能就又要回去重新看一遍。就是浪费时间。

说回来网页制作这块，我认为重点学习的话是css和javaScript，html的元素常用的会用后，拿过来知道几个结构我觉得差不多了，css才是能让你的网页焕然一新的工具。另外为什么说javascript也是重点？因为学到最后每个人做出来的网页其实都差不了多少，这个时候就看你的javascript玩的6不6了。

之后就是vue，学到这里都已经有了模板这个东西可以用了（jquery）我没说，主要是我觉得学好javascript就行了，因为jquery其实就是简化了javascript的语言，可能10行代码能缩个3,4行吧！看个人吧！初学阶段还是多敲一敲的好。

2.学习的资源

我学习的课是在慕课网上的，然后现在他的课已经下架了还是怎么的？看不了的，但是我这里刚刚好有下载下来的视频，如果有想要的同学可以私信我一下，我看到的话一定会回复的。但是我这个课呢只建议学习html和css内容，他还有javascript和jquery，但是我觉得不是很好。可以去找其他的视频来学习。javascript的话，我推荐尚硅谷的超哥！我觉得挺好的。除此之外，还有一些从网上找的一下练手的项目我也有一点，如果想要的话也可以私信我。