点此查看 所有教程、项目、源码导航

本文目录

  • 1. 前言
  • 2. style标签
  • 3. CSS注释
  • 4. HTML注释与CSS注释的区别
  • 5. 小结

1. 前言

特别喜欢毛主席的一些文章，例如《论持久战》，主席他老人家往往能站在战略的高点，全局地、战略性地考虑问题。

同样在CSS这个领域，一些具备战略嗅觉的同学想必已经发现了，通过HTML元素的style属性，来设置样式的方法，看似简单直接，背后也暗含危机。

这种方式下，我们需要逐一指定每个元素的样式，如果我们的网页很庞大，每个元素的样式都去逐一指定，那得耗费多大的精力啊。

所以局势要求我们，必须全局性的考虑问题。

2. style标签

所以CSS可以通过头部的style标签，来编写影响一定范围的CSS代码。如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- style标签中编写的代码，可以应用于网页中的某些元素 -->
    <style>

    </style>
</head>
<body>

</body>
</html>

注意：style标签放在头部，它里面的CSS代码，是可以影响网页的某些元素，至于影响哪些元素，马上我们会在选择器一节进行讲解。

3. CSS注释

之前在讲解HTML的时候，已经说过注释这个事情了。理解注释，掌握两点就足够了：

  1. 注释对程序代码的运行没有实际作用，也就是说，写了注释，相当于没写。
  2. 注释对程序员起到一个提示作用，也就是说，注释可以帮助程序员理解程序。

CSS的注释，也是这个道理，写了CSS注释并不会影响CSS的样式效果。

4. HTML注释与CSS注释的区别

HTML注释格式如下：

<!-- 注释内容 -->

CSS注释格式如下：

/* 注释内容 */

我们通过一个例子看下：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <!-- 这里是HTML注释 -->
    <style>
        /* 这里是CSS注释 */
    </style>
</head>

<body>

</body>

</html>

可以看到，CSS注释是专门用于style标签内部的，是专门用来描述style标签内部CSS代码的注释。

而HTML注释，是用来描述HTML元素的。

5. 小结

先简单理解下style标签和注释，接下来我们会讲解具体如何在style标签中编写独立的CSS代码。

更多推荐

零基础CSS入门教程(6)–style标签与注释