我们在做网页CSS设计的时候,常常会用到内部样式表,即将CSS代码写在html网页的<head></head>标签之间,可是不知大家有没有发现,我们用Dreamweaver网页编辑器来设计CSS内部样式表的时候,总会在<style>和</style>标签中间自动加入HTML的注释符<!---->,实在不知道是什么意思,而删除该HTML注释符并没有影响网页的显示效果,经过研究终于知道了这个HTML注释的具体作用了。
首先我们来看一下在CSS内部样式表<style>和</style>标签中间自动加入HTML的注释符<!---->的截图,图中两个红色方框处即为HTML注释符:
其实这种写法是告诉那些比较老的浏览器,不要读取该CSS代码,因为有些老的浏览器不支持CSS,所以当读取到CSS代码的时候就会把CSS代码当文字给读出来,这样就把CSS代码显示到网页中了,而浏览器总是会认识HTML语言的,所以当浏览器读取到HTML注释的时候就把CSS代码当成了注释,而并不会显示在网页中了。