css伪类用于向某些选择器添加特殊的效果 css伪元素用于将特殊的效果添加到某些选择器 伪类种类 :active 将样式添加到被激活的元素 :focus 将样式添加到被选中的元素 ：hover 鼠标悬浮在上方 ：link 未被访问过的链接 ：visited 被访问过的链接 ：first-child ...
分类：
其他好文 时间：
2017-08-26 16:04:06
阅读次数：
144
1、对父级设置适合CSS高度 2、clear:both清除浮动 具体CSS代码： Html代码： 3、父级div定义 overflow:hidden overflow:auto也可以 具体CSS代码： Html代码不变 4：给浮动的元素的容器添加浮动 给浮动元素的容器也添加上浮动属性即可清除内部浮动 ...
分类：
Web程序 时间：
2017-08-24 14:52:52
阅读次数：
176
在一般 web 开发中，常用的思路有两种（纯CSS）： 1. 隐藏原生 radio，使用 :checked 选择器和 + 兄弟选择器，给兄弟元素 label 添加伪元素样式（::before / ::after） 2. 还是隐藏原生 radio，使用 :checked 选择器和 + 兄弟选择器，不过 ...
分类：
微信 时间：
2017-08-21 15:49:26
阅读次数：
1163
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题 ...
分类：
其他好文 时间：
2017-08-20 00:39:45
阅读次数：
186
1.text-overflow:ellipsis实现 2.-webkit-line-clamp 3.用包含省略号(…)的元素模拟实现 这里用一个包含了省略号，且背景色为白色的伪元素遮盖了部分内容。高度 height 是行高 line-height 的三倍。需要显示几行文字就设置为几倍。 这种思路实现 ...
分类：
Web程序 时间：
2017-08-17 15:44:18
阅读次数：
202
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 W3C关于CSS3选择器的规范中有一段描述： A pseudo-element is made of two colons (::) followed by the name of the pseudo-element. This : ...
分类：
其他好文 时间：
2017-08-16 15:36:15
阅读次数：
123
1、说明 ":before" 伪元素可以在元素的内容前面插入新内容。 ":after" 伪元素可以在元素的内容之后插入新内容。 2、兼容性 伪元素有2种写法，单冒号和双冒号，单冒号和双冒号作用是一样的。 兼容性查看：http://caniuse.com/#search=%3Abefore 从上图看见 ...
分类：
Web程序 时间：
2017-08-16 11:36:13
阅读次数：
219
“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的，效果如下图所示： 从上图中可以看出，用鼠标选中“专注IT、互联网技术”、“纯干货、学以致用”、“没错、这是免费的”这三行文本中，默认显示样式为 ...
分类：
Web程序 时间：
2017-08-14 23:48:04
阅读次数：
487
实例 1.清除浮动 通常我们清除清除浮动的方式就是在浮动元素后面添加一个空的Div标签，然后在设置它的清除浮动要是，使用after伪元素，我们就不需要添加无意义的div标签在html中了，下面的例子就使用了伪元素清除浮动 效果： 没有清除浮动： 2.常见消息框 注意，此时伪类content:' ', ...
分类：
Web程序 时间：
2017-08-14 23:44:47
阅读次数：
339
## 浮动 - 使用float设置元素浮动 - 可选值 - none 默认值. 元素不浮动 - left 元素向左浮动 - right 元素向右浮动 - 浮动的特点: - 当元素设置浮动后,元素会向页面左上或右上浮动 - 当浮动元素遇到父元素边框后, 会停止浮动 - 当浮动元素遇到其他浮动元素时,会 ...
分类：
其他好文 时间：
2017-08-10 23:35:33
阅读次数：
118
