点此查看 所有教程、项目、源码导航
本文目录
- 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的时候,已经说过注释这个事情了。理解注释,掌握两点就足够了:
- 注释对程序代码的运行没有实际作用,也就是说,写了注释,相当于没写。
- 注释对程序员起到一个提示作用,也就是说,注释可以帮助程序员理解程序。
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标签与注释
发布评论