十二月, 2017 Archive

CSS伪元素:::after的用法

::after的用法:用来创建一个伪元素,作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。

...

CSS教程

CSS教程

CSS伪元素:::before的用法

::before的用法:创建一个伪元素,其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容,此元素默认为行内元素。

...

CSS教程

CSS伪元素:伪类和伪元素的区别

伪类和伪元素的区别:获取元素的途径也不是基于id、class、属性这些基础的元素特征,而是在处于特殊状态的元素(伪类),或者是元素中特别的内容(伪元素)。

...

CSS教程

CSS剪裁和遮罩

在计算机图形学领域,剪切和掩蔽是两种非常常见的操作。 它们都模糊了视觉元素的一部分,但两者之间有一些差异。 在 …

...

CSS教程

css定位:固定定位

CSS固定定位:了解这种定位差异以及固定位置如何工作。固定定位(position: fixed)的元素会相对于浏览器视窗来定位,这意味着即便页面卷动,它还是会固定在相同的位置。

...

CSS教程

css定位:绝对定位

css绝对定位:absolute应该是最吊诡的position属性值。 absolute 与 fixed 的行为很像,不一样的地方在于 absolute 元素的定位是在他所处上层容器的相对位置。

...

CSS教程

css定位:相对定位

CSS相对定位:容易掌握的概念,如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。

...

CSS教程

css定位:浮动布局

css浮动布局:浮动和清除的技术布局中最常用的技术,但是有一些技巧可以让他们按照自己的想法工作,了解如何浮动和清理工作,以及如何使用它们来创建经典布局。

...

CSS教程

CSS伪元素:selection的用法

selection的用法:应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分)。注意:E9+, Opera, Google Chrome和Safari支持::selection选择器,Firefox 通过其私有属性 ::-moz-selection 支持。

...