示例
/*
This is a
comment in CSS
*/
body {
font-family: system-ui;
font-size: 62.5% /* 1em = 10px */
line-height: 1.4;
}
/* */
标记内的内容是 CSS 注释。这允许您在 CSS 中输入不会被解释的注释。在本例中,此注释让阅读 CSS 文件的人知道,该特定 CSS 行旨在允许以后在 CSS 中以更直观的基数 10 方式使用 em 设置字体大小。
一些 CSS 预处理器语法允许使用 JavaScript 样式的单行注释,如下所示
body {
font-family: system-ui;
// font-size: 62.5%
line-height: 1.4;
}
实际上,这有点奇怪,但原生 CSS 也在某种程度上支持这一点,这只是一个技巧,您需要小心。
详细说明..
/*
* === 主要部分标题 ===
*/
/*
* — 次要部分标题 —
*/
我更喜欢注释以这种方式显示,但每个人对注释的方式都不同。有一件事是肯定的。您永远不会注释太多!(因为它们在 css 压缩中会被剥离)。
我在需要注释的地方都使用相同的方法。
这是我的 css 注释
我有两个小问题(新手)
1. CSS3 中的注释是否仍然相同?
2. HTML5 中的注释呢?
是的,当然。CSS3 就是 CSS。
您必须将它们包含在<!– 和 –> 之间。就像普通的 HTML 或 XML 一样。
在 SCSS 中,您可以使用
或者
@MaxArt
我假设这只是一个错字,你的意思是
<!–-
和-–>
(**不**是<!-
和->
)是的,注释在 css3 中相同,html5 遵循 html 代码的 html 注释,js 代码的 js 注释。
是的。CSS3 中的注释如上所述。
至于 HTML5,您以以下方式打开
它对单行注释和多行注释都有效。
下面的评论预览是如何实现的?这是 WordPress 中的插件吗?太酷了。
这里的注释有两种类型
1) 单行注释
2) 双行注释
单行注释:方法
它以双斜杠开头… //
而
双行注释
以 /* ………………………*/ 开头
谢谢
我不喜欢需要 4 个字符才能在一行中注释单个指令的事实!除了 /* */ 之外,使用更简单的东西会更好。例如,SQL 使用两个连续的破折号,如 —,这非常易于使用,另一个是在行的开头使用单引号,如 VB。无论如何,这仍然比 HTML 最愚蠢的注释语法要好。
我有一个后续问题,以确定这是风格还是需要。
我看到 CSS 中的基本注释如所述 /* comment */。
然后我看到多行注释在每一行的开头都有一个 *。
最后,我将看到暗示层次结构的内容,例如 github 上 normalize.css 中的此示例。链接
这仅仅是风格和层次结构,还是多行注释有必要的语法
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 显示定义
========================================================================== */
/**
* 在 IE 8/9 中未定义正确的
block
显示。*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
display: block;}
/* 和 */ 之间包含的所有内容都被视为注释,无论它们跨越多少行,因此您可能在这些标记之间看到的任何其他明显的“语法”实际上都只是任意样式/约定以提高可读性,尤其是在查看未突出显示的代码时非常有用。
/////////
重置 /
//////
css
///////////////////
排版 /
////////////////
css
/**
排版动画 /
css
/***
排版动画工具提示 */
css { / 每个都有自己的 */; }
/* 和 */ 之间包含的所有内容都被视为注释,无论它们跨越多少行,因此您可能在这些标记之间看到的任何其他明显的“语法”实际上都只是任意样式/约定以提高可读性,尤其是在查看未突出显示的代码时非常有用。
许多编码人员更喜欢 // comment // 样式,但是使用注释的开始和结束序列有一个主要优点:由于注释中的另一个开始序列会被忽略,因此我们在开发过程中可以快速禁用基于行的实验代码
我希望您永远不要删除此页面,每次我开始新项目时都会回到这里!
/*! */ 感叹号有时用于防止压缩时删除重要注释,例如许可证信息。
根据 http://cssguidelin.es/#commenting
这是什么类型的注释,可以安全地删除它吗?
/*
@tab 页面
@section 标题 1
@tip 设置所有一级标题的样式。这些应该是您标题中最大的。
@style 标题 1
*/
此媒体查询有什么不同
/* 智能手机(纵向和横向) ———- /
@media screen and (min-width: 320px) and (max-width: 480px){
/ 样式 */
}
或者
/* 智能手机(纵向) ———- /
@media screen and (max-width: 320px){
/ 样式 /
}
/ 智能手机(横向) ———- /
@media screen and (min-width: 321px){
/ 样式 */
}
时间晚了,但也许可以帮助其他人
第一个媒体仅在宽度为 320px 或更大且宽度为 480px 或更小时才有效。
第二个从 0px 到最大宽度 320px 有效。
最后一个宽度为 321px 或更大时有效。
谁能给我一个多行样式规则的示例
CSS(和 HTML)注释的真正问题不是样式,而是与 Javascript 中的注释不同,我们不能嵌套注释,从而丢失我们可能需要在代码中记录的任何重要细节
你好,
在您的 css 中包含大量注释是否会增加您的 css 文件大小,从而降低您的网站速度?我需要知道这一点,以便选择我的注释策略。
你好,穆罕默德,
对于您的生产站点(设计和编码已完成),始终使用文件压缩后的 css 版本。这会删除其中的所有空格和注释。这有助于大大加快加载时间!
我使用这个网站是因为w3schools.com只有HTML注释,没有CSS注释。我发现了一些从开始学习CSS以来就不知道的新选择器。以h1为例。
taiger,你的主次标题系统真的很聪明,我完全要借鉴它了。
我使用
和
用于结束样式块
伙计们,一个快速的问题!如何使用CSS选择HTML注释标签
<!-- Comment -->
。假设我有
我想选择注释紧随其后的容器类。我该怎么做?
嘿,Philips!恐怕CSS无法使用HTML注释作为选择器。任何你想要选择的内容都需要应用到元素本身,无论是类、ID、属性、伪元素还是元素本身。
在这种情况下,您可以考虑使用
nth-child
来选择组中的某个部分。请原谅我的新手问题。我听说你可以在html代码中“注释掉”一些内容来解决一些格式问题。
例如
它们有什么区别?我为什么要这样做?
主页菜单(链接之间有注释)
主页 菜单(链接之间没有注释)
嘿,Aidan,好问题!
HTML中的注释看起来像这样
<!-- 这是一个注释,浏览器会跳过它。 -->
你可以在注释中写任何你想要的东西。包括代码。
<!-- <li>Some List Item</li> -->
所以,当你“注释掉”HTML代码时,意味着将代码包装在注释中
<ul>
<li>项目1</li>
<!-- <li>项目1</li> 此项目已注释掉 -->
<li>项目1</li>
</ul>
浏览器将跳过第二个项目,并且它不会在页面上显示。
有时这是一种在不真正删除代码的情况下从页面中移除内容的好方法。这通常是临时的。如果你真的不想在页面上显示某些内容,那么你可能会删除它而不是注释掉它。
// 对我来说不起作用,在检查器中被标记为无效属性值,使用/* */ 它可以工作,显示为删除线
是的,那是正确的。
//
与 Sass/Less/等以及其他编程语言(例如 JS/PHP)兼容,但纯 CSS 使用/* */
语法。为什么CSS开发者不通过添加单行注释来简化它
注释
// 注释
如果你想创建一个单行注释(一行只包含注释),并且你讨厌“/* */”语法,你可以尝试这个
{这是一个CSS忽略的单行注释}
这是一个空选择器,伙计们。出于某种原因,我比C风格的语法更容易接受花括号“{ }”。