CSS 伪元素 所有CSS伪类/元素 例子: My name is Donald I live in Ducksburg 注意: :before 作用于 IE8,DOCTYPE 必须已经声明. 例子: runoob.com wikipedia.org 注意: :active选择器样式触发时链接到链接 ...
分类:
Web程序 时间:
2017-05-29 19:14:46
阅读次数:
347
最学习css的时候,伪类和伪元素很容易混淆。当时看了很多区别文章还是迷糊。只有自己总结的东西才是自己的,我把我的方法介绍给你吧,对你可能有用。 先看看w3c对伪类和伪元素的定义及种类: 伪类 [用于向某些选择器添加特殊的效果] 伪元素 [用于将特殊的效果添加到某些选择器] 1、伪类 向选择器添加特殊 ...
分类:
其他好文 时间:
2017-05-19 14:36:17
阅读次数:
139
CSS选择器权重值的计算 对于Css权重,现在网上很多版本都是这样计算的:内联样式1000点,ID100点,Class、伪类(pseudo-classes)或属性选择器10点,标签元素和伪元素(pseudo-elements)1点;虽然大多数时候是正确的但因为真正的原理并非如此,所以某些情况下会出错 ...
分类:
Web程序 时间:
2017-05-18 16:53:11
阅读次数:
263
伪类经常与伪元素混淆,伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。本文将详细介绍伪类的详细知识锚点关于锚点<a>,..
分类:
Web程序 时间:
2017-05-10 14:44:19
阅读次数:
791
当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。 清除浮动方法: 方法一 ...
分类:
Web程序 时间:
2017-05-07 17:35:40
阅读次数:
196
1. 解决Safari下input光标过大 2. 设置浮层 3. CSS绘制三角形 4. 清除浮动 1) 浮动元素父级添加样式 1) 浮动元素父级添加样式 2) 父元素后添加伪元素 2) 父元素后添加伪元素 3) 同样可以使用如下方式(兼容IE) 4) 在浮动元素后添加div.clear 注意点 注 ...
分类:
Web程序 时间:
2017-05-04 16:29:29
阅读次数:
339
css3为了区分伪类和伪元素,已经明确规定了伪类用单冒号表示,而伪元素则用双冒号表示。双冒号是一种新语法,所有支持css3的双冒号语法的浏览器都会支持单冒号的语法,但IE8只支持单冒号。 ...
分类:
其他好文 时间:
2017-05-01 14:20:08
阅读次数:
169
任务链接 一开始毫无头绪,看了评分最高的团队的代码,觉得很棒。 他们的代码 我的代码 思考了一下有没有优化的方法,发现权衡之下并没有。 他们的代码使用box-sizing: border-box来解决了20px间距的问题,使用伪元素来清除浮动(我打算把父级元素改为overflow:hidden来解决 ...
分类:
其他好文 时间:
2017-04-29 14:24:24
阅读次数:
256
在看张鑫旭大神的文章,刚刚发现了这个,感觉应该后面有用,先存起来。 效果如下: 代码如下: ...
分类:
其他好文 时间:
2017-04-27 17:51:58
阅读次数:
170
伪元素用于定位文档中包含的文本,但是它表示DOM外部的某种文档结构 伪类: 伪类存在的意义是为了通过选择器找到那些不存在于DOM树中的信息以及不能被常规CSS选择器获取到的信息。简单来说,获取不存在与DOM树中的信息。比如<a>标签的:link、visited等,这些信息不存在于DOM树结构中,只能 ...
分类:
Web程序 时间:
2017-04-27 17:50:04
阅读次数:
158