稻米鼠的编程漫谈（更新至 0010）

大家的板块 稻米鼠的频道🐹
12

0006

你尝试着写了个标题，写了几个段落（我知道你其实啥都没做，正经人谁跟着教程操作啊……

然后有一个问题：CSS 放哪里，也想改变文字颜色试试看。

这个 CSS 描述的是元素的样式，对，样式，那就放在 style 标签里面：

<style>
  p {
    color: red;
  }
</style>

那这些样式又放在哪里呢，它们不是直接显示的吧，只是辅助的，那就不放在 body 里，而是放在 head 里面。当然了，实际情况很复杂，所以 style 标签可以放在任何地方，这里只是先说一般的，规范的。

然后你看到 head 里面本身就有一些东西，并感到好奇，但现在你需要了解的也只有三个地方：

  • <html lang="en"> 这里在说网页语言，是说用的中文还是英语这种语言。如果是英文，浏览器就该问你要不要进行翻译呀？把 en 改成 zh-CN 就是中文，zh 也行。（诶，这条没在 head 里？！不要在意，顺手讲了
  • <meta charset="UTF-8"> 这里设置的是网页编码，编码是啥？不重要。你就记住，这里的 UTF-8 在状态栏中也有显示就不会出现乱码。一般这两者都是一致的，也不用管。
  • <title>这里是网页标题</title>，一看就懂，那么清楚的英文单词写着呢。这个标题用来显示在搜索引擎里呀，浏览器的标签上啊，试一下就懂了嘛。

就这就这，现在多认识点标签，属性，样式，差不多就可以看懂网页代码了。而且好多是完整的单词，大概猜猜就差不多，都不用刻意学习。

也该发现了，编辑器里文字五颜六色，好像还蛮好读的，这是代码高亮，就是用来辅助阅读的。还有我写的代码和编辑器自己生成的代码有些行前面有空白，这是缩进，用来表现层级的，也是为了好读。所以代码并不像一些人想象的那样一片密密麻麻的文字乎脸上。

如果你有兴趣，可以去 MDN（ MDN Web Docs ）深入阅读相关文档，别怕，大部分内容都有中文，但很推荐中英对照阅读。你会找到各种标签的功能和用法，也有各种样式的设定。

如果（虽然不可能）你刚才去看了，你很可能会抱怨，确实是中文，但就是看不懂。很正常，毫无压力的去扫读，看几个自己能明白的描述就好了。要是你现在一下子就读的个如饥似渴，我这教程可以完结了，那……就没有咖啡喝了呀（其实现在也没有……

你不点个赞，我怎么知道有人看呢？

或者，请我喝杯咖啡，让老鼠更努力的用爱发电 老鼠爱发电

2 个赞