这篇博客介绍了HTML和CSS的基础知识，包括新建项目、文件结构、代码编辑及同步，以及调试技巧。强调了HTML内容与CSS样式的分离，通过引入CSS文件实现样式同步，并提供了查找和临摹代码的方法。此外，还提到了使用Ctrl+F进行查找功能的重要性。
HTML/CSS基础知识
【关于代码区的排列和格式】
备注：常用的代码整理在excel表格里
- 新建项目和文件
html里通常放的都是内容：如文字，音频，视频等。CSS里放的是html里这些内容的具体效果和样式。在制作前，我们要新新建文件。以Hbuide rX为例，步骤是：
- 在左侧工具箱板块右键新建你的项目。再新建分为html，css，img，js的文件夹，然后分别在该文件夹内右键新建该类型文件。（img就是图片，只要把你的图片放进电脑的该文件夹内就可以了。）如果建错位置，可以手动拖拽到目标位置，也可以右键把多余的东西删除。
- 我们在右侧代码区可以右键选择上下或左右分栏。（这里举例上下分栏）
3.先点击代码区下方，然后点击右侧html里建立的htnl文件，它就会出现在代码区的下方。然后选择代码区的上方添加css文件进代码区。
4.如果要保持html/css同步进行，就要先在html里的开头把css文件引入。也就是在<head>和</head>之间添加该代码：<link rel="stylesheet" type="text/css" href="../css/kdds.css" />
注意：在这里打个开头字母，一般就会出来选项，用上下左右键去查找，然后找到目前选项，按回车即可。向后面的“../css/kdds.css”就是我添加的css文件地址，你只要输入文件名称，就会自动跳出来选项卡，记住要选择带.../符号的选项，然后按回车即可。
- 基础
- 在html里，代码通常在<body>和</body>之间制作。<title>和<title>之间可以给该页面命名。
- Css里默认是由上自下来读取效果的，所以前后顺序不要排错。
- 找错。在预览页面里右键点审查会出来该页面的代码，然后用左上角的箭头去页面点击你要查看的板块。再到该页面的代码区通过选中去除去查看哪里出了问题，也可以直接在这里打好代码查看效果，调试正确好回到html、css工具里修改。
- 临摹别人的作品，也可以通过上诉办法去看别人设置代码和数值。
- 查找：分别在HTML和CSS里按Ctrl+F就可以输入查找的内容，最后按回车进行查找。（会在检查网页和修改的是时候经常使用到。）
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
