上一篇博客说的是伪类，这次我们来说说伪元素。先来补充一下上篇博客漏掉的一个伪类：:focus 伪类
(1)定义和用法
:focus伪类在元素获得焦点时向元素添加特殊的样式。注释IE浏览器不支持此属性。
(2)说明
这个伪类应用于有焦点的元素。
例如HTML中一个有文本输入焦点的输入框，其中出现了文本输入光标；也就是说，...
分类：
Web程序 时间：
2015-11-14 19:24:41
阅读次数：
387
今天看了两个挺好的移动端demo，记录一下一.文本截取实现的样式是这样的，如下图：看上去是有些丑陋，简要说明一下，实现功能是文字显示两行，超出部分截掉，用三个点代替，后面还有一个更多的图标（只是用了>代替啦～～），你可以把他想象一张很完美的效果图～～首先说一下思路，实现方法比较巧妙，主要使用伪元素a...
分类：
移动开发 时间：
2015-11-06 17:38:13
阅读次数：
260
额外标签法使用:after 伪元素给父元素定高利用overflow:hidden;属性父元素浮动父元素处于绝对定位在开发网页的时候经常需要用到各种浮动，此时便需要及时的清除浮动，否则将会导致布局出现问题引出问题： ...
分类：
其他好文 时间：
2015-11-05 21:59:14
阅读次数：
269
CSS美化INPUT placeholder效果。CSS代码美化文本框里的placeholder文字。::selection伪元素 简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪.....
分类：
其他好文 时间：
2015-11-05 14:57:34
阅读次数：
216
伪元素：伪元素是针对元素中的特定内容进行操作，实际上，设计伪元素的目的就是去选取诸如：元素内容第一个字（母）、第一行，选取某些内容前面或后面这种普通的选择器无法完成的工作。如果值为若干单词（仅表示一个样式），则需给值加引号：p{font-family:"san serif";}如果值为若干单词（各自...
分类：
其他好文 时间：
2015-11-01 21:04:31
阅读次数：
236
css主要是选择器和多条声明构成每个声明由属性和值组成选择器分为：派生选择器、id选择器、类选择器、属性选择器、伪类选择器、伪元素选择器派生选择器允许根据文档的上下文关系来确定某个标签的样式id选择器可以为特有id的html元素制定特定样式，每个元素都有不同的id，每个id只能指定一个元素类选择器可...
分类：
Web程序 时间：
2015-10-25 22:02:12
阅读次数：
164
CSS制作立体导航 Home About Me Portfolio Blog Resources Contact Me 伪元素的使用
分类：
其他好文 时间：
2015-10-22 17:07:44
阅读次数：
167
1. css超过一行或者多行后显示省略号。 2. css图片未知高度垂直居中完美解决方案。 3. 学习使用 :before和 :after伪元素
分类：
Web程序 时间：
2015-10-16 01:01:42
阅读次数：
326
然后就是考察CSS的：before和：after伪元素，此类问题一般分为两种类型，即实心和空心问题，如图所示。下图中DOM结构均为： 1、 实心三角 此类问题，一般给出背景颜色（多数为深色），没有整体图形的边框，比较容易下手。思路很简单，整体div背景色，确定长宽，相对定位，再用：after伪元素....
分类：
其他好文 时间：
2015-10-14 21:20:52
阅读次数：
248
笔试题中经常遇到用CSS实现某个Div边框添加三角形问题，掌握一点，合理利用div的边框，当div有宽有高时，边框就是不起眼的边框，当div的宽高为0时，边框就是一个小方块，把剩下的三个边透明就是神奇的三角形了。 然后就是考察CSS的：before和：after伪元素，此类问题一般分为两种类型...
分类：
Web程序 时间：
2015-10-14 19:49:34
阅读次数：
263
