style标签中的<!--->的作用是什么

简介:

可能很多朋友在阅读别人的css代码的时候,可能会发现这样的现象,那就是style标签内部具有带有html注释。

代码如下:

 
1
2
3
4
5
6
7
8
< style type = "text/css" >
<!--
*{
   margin:0px;
   padding:0px;
}
-->
</ style >

下面就介绍一下为什么要加那个html注释:

再强调一遍,<!--->是html注释。它主要是针对老版本不识别style标签的浏览器,如果没有此html注释且浏览器不识别style标签的话,就会将css代码显示于页面,如果加上此注释,那么css代码就会被显示与页面了,对于识别style标签的浏览器来说,它内部的html注释将会被忽略,css代码会被正常渲染。



原文发布时间为:2017-2-17

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:style标签中的<!--->的作用是什么

相关文章
|
7月前
|
前端开发 容器
CSS display属性的作用
CSS display属性
101 0
CSS display属性的作用
|
1月前
|
缓存 前端开发 JavaScript
CSS 的 link 标签放在 head 标签之间的作用
CSS 的 link 标签放在 head 标签之间的作用
33 1
|
10月前
|
前端开发 JavaScript SEO
b标签和strong标签的区别?css单行或多行溢出隐藏如何实现?浅谈this?
b标签只是文本加粗,而strong除了加粗还有强调的语义。
|
12月前
|
前端开发
div标签中的span标签,多行文字水平,垂直居中
div标签中的span标签,多行文字水平,垂直居中
112 0
|
前端开发
CSS 重要概念之常见属性和设置
CSS 是一种用于描述网页样式的语言,包含众多属性和设置。本文将介绍 CSS 中一些常见的属性和设置。
85 0
|
前端开发 JavaScript 开发者
style 标签|学习笔记
快速学习 style 标签
141 0
|
前端开发 开发者 容器
DIV 和 SPAN 标签介绍| 学习笔记
快速学习 DIV 和 SPAN 标签介绍。
174 0
DIV 和 SPAN 标签介绍| 学习笔记
|
前端开发 JavaScript 开发者
组件中 style 标签 lang 属性和 scoped 属性的介绍| 学习笔记
快速学习组件中 style 标签 lang 属性和 scoped 属性的介绍
1011 0
组件中 style 标签 lang 属性和 scoped 属性的介绍| 学习笔记
|
JavaScript 开发者
veu 中通过属性绑定为元素绑定 style 行内样式|学习笔记
快速学习 veu 中通过属性绑定为元素绑定 style 行内样式
91 0
veu 中通过属性绑定为元素绑定 style 行内样式|学习笔记
|
前端开发
web前端学习(二十一)——CSS3分组和嵌套选择器、尺寸属性(height、width)的相关设置
web前端学习(二十一)——CSS3分组和嵌套选择器、尺寸属性(height、width)的相关设置
web前端学习(二十一)——CSS3分组和嵌套选择器、尺寸属性(height、width)的相关设置