CSS的注释部分的编程扩展

CSS的注释部分的编程扩展
本文主要介绍了CSS注释部分的扩展部分,包括注释样式的一些建议,有助于团队编程。
CSS注释

正如HTML教程中所描述的,注释在CSS文档中起着重要的作用。它帮助我们记住CSS的含义,并加载HTML文档的位置。

CSS注释开始使用和结尾使用

CSS注释的语法

CSS代码将内容复制到剪贴板。
说明*
样品

-文本样式开始- **
全白12像素
dreamduwhite12px。
{
颜色:白色;
字体大小:12px;
}

全黑16像素的梦想
dreamdublack16px。
{
颜色:黑色;
字体大小:16px;
}
-结束文本样式

风格建议
我使用文档块样式注释,行宽度不超过80字节:

CSS代码将内容复制到剪贴板。
这是一个docblock风格点评
*
*这是对注释的较长描述,描述了
*细节。我们将这些行限制为最多80个字符的长度。
*
*我们可以在评论中加上标记,并鼓励这样做。
*

也许你

*
*我们不使用星号对代码行前缀。
*复制粘贴。
* /
*这是一个文件块(docblock)风格的注释。
*
*这里是一个更详细和更长的注释文本。当然,我们必须控制80字节内的行的宽度。
*
*我们可以在注释中嵌入HTML标记,这是一个很好的方法:
*

也许你

*
*如果它是嵌入在注释中的标记,它不会在它前面加上星号,以免被复制。
* /

注释中应该尽可能详细地描述代码,因为内容的清晰性对其他人来说可能不是这样。

注释的扩展使用

注释有许多非常高级的用途,如:

准修改选择器(准限定选择器)
码标签
遗传标记
准修改选择器(准限定选择器)

你应该避免过多的选择,例如,如果你能写。资产净值{},尽量不写UL。资产净值{}。过分修饰的选择会影响性能,影响类的可重用性,提高选择私有化。这些都是你应该尽量避免。

但有时你可能想告诉其他开发者的class.take.product-page范围为例,这类看起来像一根容器。它可以是HTML或身体的元素,但不能判断一个人by.product-page。

我们可以在选择器之前添加一个准修饰符(注释前面的类型选择器)来描述我们计划的类操作的范围:

CSS代码将内容复制到剪贴板。
产品页面{ }

通过这种方式,我们可以在不影响重用性的前提下获得类范围的确切范围。

其他例子如下:

CSS代码将内容复制到剪贴板。
/ * * / OL。面包屑{ }

图像指针{ }

这样,我们就可以知道类操作的范围而不影响代码的私有度。

码标签

如果您编写了一组新样式,您可以向它添加标签,例如:

这些标签可以让其他开发人员快速找到相关的代码。如果开发人员需要找到与列表相关的部分,他可以通过搜索列表来快速定位资产净值、矩阵和其他相关部分。

遗传标记

如果你认为面向对象程序设计的CSS,你可以经常发现两部分,CSS是密切相关的(一个是基于一个,而另一个是扩大),但它分为两个部分。我们可以利用遗传标记建立原始元素和继承的元素之间的密切联系。这些都是写在注释如下:

以元素的基本样式:

CSS代码将内容复制到剪贴板。
* ` foo `在theme.css延伸。
* /
{ { }

在元素的扩展样式中:

CSS代码将内容复制到剪贴板。
*延伸` foo `在触发。
* /
栏{ }

通过这种方式,我们可以在相距很远的两个代码块之间建立紧密的联系。

tag:注释扩展编程电脑软件CSS

相关内容