/*
开头(起始符),以 */
结尾(结束符),/*
与*/
是成对出现的,所有在 /*
与 */
之间的内容都会被看作注释的内容。CSS 中的注释只有这一种写法,无论是在单行中使用还是跨越多行使用,只要保证注释的内容在 /*
与 */
之间即可。例如:
/*单行注释*/
/*
多行注释
*/
<!DOCTYPE html> <html> <head> <title>编程帮</title> <style> /* 为所有 h1 标签设置 CSS 样式 */ h1 { color: blue; /*设置字体颜色为蓝色*/ text-align: center; /*设置对齐方式为居中对齐*/ } /* 为所有 p 标签设置 CSS 样式 */ p { color: red; /*设置字体颜色为红色*/ font-size: 18px; /*设置字体大小为 18 像素*/ } </style> </head> <body> <h1>编程帮</h1> <p>http://www.lmcjl.com/</p> </body> </html>运行结果如下图所示:
图:在 CSS 中添加注释
/* */
将这段代码注释起来,这样浏览器就不会再执行这段 CSS 代码了,如下所示:<!DOCTYPE html> <html> <head> <title>编程帮</title> <style> /* 为所有 h1 标签设置 CSS 样式 */ h1 { color: blue; /*设置字体颜色为蓝色*/ /*text-align: center;*/ } /* 为所有 p 标签设置 CSS 样式 */ p { /*color: red;*/ font-size: 18px; /*设置字体大小为 18 像素*/ } </style> </head> <body> <h1>编程帮</h1> <p>http://www.lmcjl.com/</p> </body> </html>运行结果如下图所示:
图:注释程序中的代码
/*
在遇到第一个注释结束符 */
后就会结束注释,之后出现的 */
会被浏览器当作 CSS 样式,这么做的后果就是会导致后续的 CSS 样式无法正常解析。<!DOCTYPE html> <html> <head> <title>编程帮</title> <style> /* 为所有 h1 标签设置 CSS 样式 */ h1 { color: blue; /*设置字体颜色为蓝色*/ text-align: center; /*设置对齐方式为居中对齐*/ } /* /*为所有 p 标签*/ 设置 CSS 样式 */ p { color: red; /*设置字体颜色为红色*/ font-size: 18px; /*设置字体大小为 18 像素*/ } </style> </head> <body> <h1>编程帮</h1> <p>http://www.lmcjl.com/</p> </body> </html>运行结果如下图所示:
图:CSS注释不能嵌套使用
<h1>
标签设置的样式生效了,而为 <p>
标签设置的样式并没有生效。
本文链接:http://task.lmcjl.com/news/14535.html