1.CSS中的伪类选择器及伪元素 (1)与自定义的class类选择器不同,伪类选择器是CSS中已经定义好的选择器。 eg:a:link{color:#ff0000;} (2)伪元素的使用方法: 选择器:伪元素{属性:值} 选择器.类名:伪元素{属性:值} 2.css中常用的伪元素选择器 (1)fir ...
分类:
其他好文 时间:
2017-01-12 02:51:40
阅读次数:
309
CSS3新特性(阴影、动画、渐变、变形、伪元素等) CSS3与页面布局学习总结——CSS3新特性(阴影、动画、渐变、变形、伪元素等) 目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after ...
分类:
Web程序 时间:
2017-01-11 10:17:30
阅读次数:
305
目录 一、阴影 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程序 时间:
2017-01-11 08:04:42
阅读次数:
318
CSS3新特性(阴影、动画、渐变、变形、伪元素等) CSS3与页面布局学习总结——CSS3新特性(阴影、动画、渐变、变形、伪元素等) 目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after ...
分类:
Web程序 时间:
2017-01-11 07:34:09
阅读次数:
320
伪元素与伪类 为什么要写这篇文章? 伪元素和伪类一直都是很容易混淆的,没有大量的实践和用心去体会是不容易记住的。我相信对于绝大部分新手来说是这样的,我自己也是经常记不住,像这样不算难的问题,一直查阅别人的博文,没有点自己的思想,好像是很low的一件事,因此写下这篇文章。 什么是伪类? 伪类的实质是把 ...
分类:
其他好文 时间:
2017-01-10 14:38:24
阅读次数:
181
目录 一、阴影 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程序 时间:
2017-01-10 09:09:24
阅读次数:
237
目录 一、阴影 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程序 时间:
2017-01-07 00:03:04
阅读次数:
328
1、伪类与伪元素 1、单冒号(:)用于 CSS3 伪类,双冒号(::)用于 CSS3 伪元素。 2、对于 CSS2 中已经有的伪元素,例如 :before,单冒号和双冒号的写法 ::before 作用是一样的。 3、所以,如果你的网站只需要兼容 webkit、firefox、opera 等浏览器,建 ...
分类:
Web程序 时间:
2017-01-06 13:52:21
阅读次数:
252
p:nth-child(2) 要满足两个条件,1:选择的是p元素的父元素的第二个子元素 2:选择的第二个子元素必须是p元素,如果不满足,则将不显示 p:nth-of-type(2) 选择父元素下的第二个p元素 ...
分类:
Web程序 时间:
2017-01-05 16:28:41
阅读次数:
599
一、伪元素介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法(单冒号也是可以使用的) 常见伪类——:hover,:link,:active,:target,:not(),:focus(文本输入框聚焦)。 常见伪元素——::first-letter,::first-line,::before,: ...
分类:
其他好文 时间:
2017-01-03 20:38:45
阅读次数:
197