如何创建css文件

创建 CSS 文件应该逐步完成。

首先你要打开DW软件。
你知道这个吗？然后，需要创建一个站点，设置站点名称和路径，这一点非常重要。
站点名称和文件夹名称最好是英文。
不要使用糖。
中文有扭曲字符的倾向。
我以前也受过这样的苦。

创建站点后，需要在站点文件夹下创建CSS文件夹。
该文件夹专用于 CSS 文件。
创建文件夹后，在此文件夹中创建CSS文件。
文件名可以是任何你想要的，但后缀必须是.css。
别搞错了。
别做，这是错误的。

然后，您必须创建一个索引。
文件位于站点文件夹下。
该文件是您的主页。
创建完成后，打开索引。
文件。
您需要在标题标签中或前面导入刚刚创建的 CSS 文件。
导入的代码如下：
<link href='css/layout.css' rel='stylesheet' type='text/css'>
这是一条注释，提醒自己在创建新的 CSS 文件后如何将主页索引与 CSS 文件关联起来。
你看，在这段代码中，href属性是要导入的CSS文件的路径，rel属性告诉浏览器它是一个样式表，type属性告诉浏览器文件的类型。

导入后，使用快捷键Ctrl+S保存，这样索引和CSS文件就会关联起来。

字体，可以在【编辑】菜单下的【常用参数】下设置。
你必须自己探索，这并不困难。

总线，相位一步一步，您将能够创建 CSS 文件。

如何建立基本的 Html、css 和 javaScript 项目

说实话，刚开始学习HTML+CSS+JS这个基础项目的时候，我觉得很头疼，但是一步一步做起来之后，我发现其实并不难。
我记得当我第一次构建项目时，我只是在桌面上随机找到一个位置并创建了一个名为“My First Project”的文件夹。
结果代码太多就找不到了。
吸取的教训。

让我们从创建文件夹和文件的步骤开始。
我建议不要用中文命名。
当时有一个项目叫“Hello World”，报了各种错误。
后来发现是编码问题。
直接使用英文的my-project，把index.、index.css、index.js这三个文件放进去。
将它们保存在一个目录中。
这非常重要。
我有一个习惯，创建好后直接将文件拖到浏览器中看效果，这样就不用来回点击打开文件和浏览器了。

在HTML部分，记得正确书写lang属性。
当我第一次写lang="zh"时，浏览器一直提示国际化问题。
当时对meta viewport了解不多，后来发现它是为了让网页在手机上正常显示，特别有趣。
在链接CSS和JS时，我犯了一个错误，将CSS链接放在了body中。
结果，页面屏幕长时间空白。
最后我发现是订单问题。
现在我的习惯是把CSS放在head，JS放在body的末尾，这样加载快，也不会出问题。

CSS部分要简单得多。
我写了body的基本样式 { font-family: Arial, sans-serif; 保证金：0； 内边距：2 0px； 背景颜色：f0f0f0； }，然后使用浏览器开发者工具不断改变颜色。
我发现像fff这样的十六进制颜色特别方便。
一个小技巧就是先设置统一的字体和背景颜色，这样后续的修改就不会导致背景透了。

在JS部分，我写了console.log("JavaScript returned"); 一开始，却发现页面没有任何反应。
后来我了解到，输出只能在浏览器控制台中看到。
然后我尝试了 document.body.addEventListener("click", () => {alert("页面被点击！"); }); 这种互动第一次弹出盒子的时候我的手都在颤抖，哈哈。
但现在想来，这个简单的交互是理解DOM操作的基础。

关于文件路径，我建议使用相对路径，例如href="style.css"，而不是绝对路径，这样以后移动文件时就不用担心出错了。
我当时有一个项目，因为文件名写错了，找不到CSS，导致页面空白。
我花了很长时间才弄清楚。
还有一个编码问题。
保存时一定要选择UTF-8 ，否则中文会乱码。

调试时，我习惯先查看Elements标签来检查CSS，然后使用Console检查JS错误。
有一个非常典型的案例。
动画效果写错了，页面卡住了。
最后我发现动画时长设置得太长了。
所以写JS的时候要小心，尤其是循环和定时器。

现在回想起来，这些基本步骤虽然简单，但每个细节都可能出现问题。
我建议新手从最简单的开始，比如制作一个纯文本页面，添加一些背景颜色，然后慢慢增加复杂性。
一旦你有了扎实的基础，你就可以考虑像 Git 和 Sass 这样的高级东西。
说实话，现在回想起来，那些卡住的事情，其实都是因为不小心造成的。

我个人没有在这方面跑过React/Vue，但按理说，一旦掌握了这些基础知识，学习起来就会容易很多框架。
就像盖房子一样，如果地基不牢，上面的大楼迟早会出问题。

使用Dreamweaver如何新建站点文件夹

哎，当我创建一个新的站点文件夹时，Dreamweaver 操作真的很复杂。
首先，我自己创建了一个主目录并将其命名为“my_website”，听起来不错。
然后我在里面创建另一个子文件夹，例如，有一个“css”文件夹来存储样式表文件，例如style.css，然后有一个“images”文件夹来存储图片。
还有一个“js”。
尽管它是可选的，但我认为最好购买一个，以防将来需要更多特效。
然后，根据您的需要，您可能需要创建一个“flash”文件夹或其他东西。

然后我打开了 Dreamweaver。
CS5 版本的界面相当复杂，有菜单栏、文件面板，杂乱无章。
找了好久，终于找到了建站功能。
我点击“站点”，然后点击“新建站点”，然后填写名称，就“MySite”，然后选择本地网站文件夹，即之前创建的“my_website”。

接下来，我在文件面板中创建一个新文件并将其命名为index.，这是主页文件。
然后双击进行编辑。
编辑界面相当不错。
然后我想，让我们创建一个 CSS 样式文件。
只需单击 CSS 样式表，然后创建一个新规则，定义它并将其保存在 css 文件夹中，名为 style.css。

还有一点需要注意的是，功能面板没有显示。
我必须在菜单栏中手动找到“窗口”并打开它。
网站文件夹结构一定要清晰，才不会变得杂乱，文件管理变得头疼。
CSS 文件名也应该很短，例如“main.css”和“layout.css”，这样您就可以立即知道它们的用途。

嘿嘿，做完这件事后，我松了口气。
网站目录和基本文件都已经准备好了。
然后我可以开始编辑网页内容或添加其他功能文件。
然而，Dreamweaver 的工作确实很复杂，有时我会感到困惑。