本篇内容介绍了“css的注释方法有几种”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
在 CSS 中增加注释很简单,所有被放在/*
和*/
分隔符之间的文本信息都被称为注释。
CSS 只有一种注释,不管是多行注释还是单行注释,都必须以/*
开始、以*/
结束,中间加入注释内容。
包含在/*
和*/
符号之间的任何字符都视被为注释文本而忽略掉。
【示例1】注释放在样式表之外。
/*定义网页的头部样式*/ .head{ width: 960px; } /*定义网页的底部样式*/ .footer {width:960px;}
【示例2】注释放在样式表内部。
p{ color: #ff7000; /*字体颜色设置*/ height:30px; /*段落高度设置*/ }
下面的例子进行 CSS 代码应用并查看浏览器下的效果。
【示例3】为段落和标题分别添加 CSS 代码注释。
<html> <head> <style type="text/css"> /*样式1*/ .STYLE1 { color: #009900; /*字体颜色是绿色的*/ } /*样式2*/ .STYLE2 { font-size: 18px; /*字体大小为18号字体*/ color: #FF3300; /*字体颜色是红色的*/ font-weight: bold; /*字体进行了加粗*/ } /*样式3*/ .STYLE3 { color: #0000FF; /*字体颜色为蓝色*/ font-family: "黑体"; /*字体为黑体*/ font-style: italic; /*字体效果为倾斜*/ } </style> </head> <body> <p class="STYLE1">段落设置一</p> <p class="STYLE2">段落设置二</p> <h3 class="STYLE3">标题设置效果</h3> </body> </html>
页面演示效果如下图所示。
“css的注释方法有几种”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。