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 `在触发。
* /
栏{ }
通过这种方式,我们可以在相距很远的两个代码块之间建立紧密的联系。