难点 普通元素添加border-radius所生成的形状添加box-shadow的效果都非常完美。但是当普通元素添加了伪元素或者半透明的装饰之后，box-shadow就会有点力不从心。因为boder-radius会无耻地忽视透明部分。 场景: 1. 半透明图像，背景图像，border-image 2 ...
分类：
Web程序 时间：
2016-12-20 07:23:22
阅读次数：
315
话不多说直接上代码 效果 html代码 css代码 ...
分类：
其他好文 时间：
2016-12-11 02:23:16
阅读次数：
145
目录 一、CSS3概要 1.1、特点 1.2、效果演示 1.3、帮助文档与学习 二、选择器 1.1、基础的选择器 1.2、组合选择器 1.3、属性选择器 1.4、伪类 1.5、伪元素 三、特殊性（优先级） 3.2、计算特殊性值 四、刻度 4.1、绝对长度单位 4.2、文本相对长度单位 4.3、Web ...
分类：
Web程序 时间：
2016-12-09 16:36:41
阅读次数：
357
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类：
Web程序 时间：
2016-12-09 16:19:03
阅读次数：
505
CSS3在CSS2.1的基础上新增加了许多属性，这里选择了较常用的一些功能与大家分享，帮助文档中有很详细的描述，可以在本文的示例中获得帮助文档。 一、阴影 1.1、文字阴影 text-shadow<length>①： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 <length>②： 第2个 ...
分类：
Web程序 时间：
2016-12-08 09:41:28
阅读次数：
284
CSS3与页面布局学习总结（一）——概要、选择器、特殊性与刻度单位 目录 一、CSS3概要 1.1、特点 1.2、效果演示 1.3、帮助文档与学习 二、选择器 1.1、基础的选择器 1.2、组合选择器 1.3、属性选择器 1.4、伪类 1.5、伪元素 三、特殊性（优先级） 3.2、计算特殊性值 四、 ...
分类：
Web程序 时间：
2016-12-04 23:04:16
阅读次数：
299
以前想实现一个菜单的icon，都是用伪元素来实现的，代码量有点多。 无意中发现了这样一种方法，通过background-clip:content-box来裁剪背景。上代码： ...
分类：
其他好文 时间：
2016-12-02 07:40:25
阅读次数：
152
css的选择器除了id选择器、类选择器、属性选择器以及派生选择器等等从html文档层次结构（dom树）中获取元素的方式，还有很重要的一类，就是根据元素的特殊状态来获取。 不同的是，伪类和伪元素是预定义的、独立于文档元素的。 它们获取元素不是通过元素的基本特征，而是在出于特殊状态的元素（伪类），或者是 ...
分类：
其他好文 时间：
2016-11-28 01:13:35
阅读次数：
195
::after, ::before, ::backdrop, ::first-letter,::first-line, ::selection（css3）是伪元素， :active, :focus, :checked等等被称为伪类 要想::first-letter(:first-letter)伪元素 ...
分类：
其他好文 时间：
2016-11-25 19:50:28
阅读次数：
288
效果演示: 实现代码： 运行效果： 伪元素 实现代码： Js控制响应式： 运行效果： ...
分类：
Web程序 时间：
2016-11-25 17:24:12
阅读次数：
192
