计算机程序设计

CSS之前 - 原来,舒适,实用

伪元素和伪类CSS:前,后,悬停,活动等 - 以提高质量,简化了执行现场,不包括明显的JavaScript的处理程序代码,有效的机会并不需要复杂的反应设计,元素的事件,对话和访问者的行为。

伪方便,多功能,有显著和多种选择属性,简单和复杂的版权盘:如何原来提请注意,无缝澄清带来了一丝在正确的地方需要采取的行动。

伟大的前景打开伪的内容指定网址时()。 事实上,这个选项打开了新的视野,无论是在下载任何内容到页面的条款,以及任何可能激活的任何地方

伪的一个显着特点

伪(:: CSS前,后::)从最初没有在文档树中存在的元素,选择器和伪类不同。 也许,在实践中并非特别重要,但如果我们考虑将网站上的内容的问题,您信任的有意义的搜索引擎没有意义的内容属性。

伪:: CSS允许之前,你将内容添加到元素,和::之后 - 之后。 内容可以从简单的文本格式复杂的CSS属性方面,但没有HTML标记的不同而不同。 伪可以完全定位的元件,其被附连到内部的,因为之前和之后的含义是相对的,可移动的。 你不能只指定位置,而且大小, 颜色,背景, 字体,并使用CSS的其他功能。

由于 伪CSS的, 之前和用符号前面都经过“:”,但CSS3标准的建议“::”。 为了测试在页面上特定用途绝不会超过某些浏览器或版本可能根本不会注意到一个特别的假。

一般使用规则

通过放置,例如,div元素描述类=“scElement”和内容“元素”的页面,指示CSS-样式表描述:

.scElement {
POSITION ...;
z-index的...;
...

}

CSS“前::”伪和:你可以申请一个伪“悬停”:

.scElement:悬停:: {内容之前: '前缀'; 颜色...; 背景颜色...;}。

然后,当你将鼠标悬停字“元素”之前,鼠标指针会出现单词“前缀”,这将改变字母和背景的颜色。

内容变化伪

如果没有指定伪属性,它们将是相同的主要元素 - scElement。 当光标显示元件上的图像的URL(“/ scBox / RM-V / SC-rights.png”):您可以指定的URL,然后将内容属性。 在的内容的情况下: “\ 03B1”出现的数学符号“阿尔法”,但使用特殊字符: “ ”, “ <”, “«”, “»” 和别人不一样 - 这是他们将被显示出来。

允许大量的选项来指定假的内容:正常的“文本”,网址(),十六进制字符序列,是指:开报价/关闭引号,或者没有打开引号/无近距离报价等。可能是内容的绝对位置的指示。通过样式属性,通过应用之前,CSS将任何地方伪中的元素与其连接。

您可以组合的前后同时使用。 因此,之前的内容字符使用CSS放置,你可以得到多种效果,结合不同的伪类和伪元素,惊喜游客,同时即使是单字节码的JavaScript不花钱。

特点伪

对于它们的名称采用了“:”字符,以及指假,但与CSS3伪通常表示为“::”。 浏览器的理解,认为这两个名称。 在记录间隙是不允许的,该字符串被记录和伪(或唯一的)伪一起记录:

scElement:悬停:: {内容之前: '前缀'; ...}

scElement:活性:{内容之后: '后缀'; ...}

CSS不多了网站的内容之前:要记住很重要。 样式不相关页面的内容。 伪 - 也不例外。 它们不会出现在DOM树和不良站点的相关章节使用它们 - 在内容,他们不会得到。

使用“”和“::”是由移动平台和现代浏览器的支持,但检查旧版本的工作往往不是多余的。

内容伪不包括在该网站的内容。 它不会看到搜索引擎。 如何使用这个情况 - 取决于具体情况,但在此之前使用CSS,以及之后,单独或在复杂的可能性,有趣的当内容是一个网址()。 直接使用内容为伪链接到该网站,都会让他来下载文件,例如图片。

能够改变在线样式文件(层叠样式表文件 - 也不例外)不干扰形式和使用假,因为它是在任何时候方便,在正确的地方的算法,可以根据访客的行为。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhcn.delachieve.com. Theme powered by WordPress.