demo地址:http://codepen.io/tianzi77/pen/gpEMxb伪元素能做什么呢?
“伪元素”,顾名思义。它创建了一个虚假的元素,并插入到目标元素内容之前或之后。单词“pseudo”是希腊语的英译,它的基本意思是“说谎的,不诚实的,错误的。”因此叫伪元素是适合的。因为在文档中它不实际改变什么。相反的,它们是像幽灵一般的元素插入在css中,他们对用户是可见的,可以通过css控...
分类:
其他好文 时间:
2015-08-09 02:00:51
阅读次数:
151
CSS?伪类用于向某些选择器添加特殊的效果。 CSS?伪元素用于将特殊的效果添加到某些选择器。 可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他?css?无法...
分类:
Web程序 时间:
2015-08-07 11:34:59
阅读次数:
126
样式的优先级取决于特殊性,特殊性为0,0,0,0Ø每个元素或伪元素选择器贡献特殊性为 0,0,0,1Ø每个类、伪类或者属性选择器的特殊性为 0,0,1,0Ø每个ID选择器的特殊性为 0,1,0,0Ø行内样式的特殊性为 1,0,0,0Ø结合符和通配符的对特殊性为0,而继承没有特殊性比较规则Ø从左向右依...
分类:
Web程序 时间:
2015-08-03 16:23:36
阅读次数:
106
CSS伪类用于向某些选择器添加特殊的效果。CSS伪元素用于将特殊的效果添加到某些选择器。可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他css无法描述的东西。伪类种类伪元素种类总结伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实...
分类:
其他好文 时间:
2015-07-30 13:11:34
阅读次数:
116
关于部分奇葩用户代理不显示字体图标以酷派为代表的部分安卓手机自带浏览器、微信/QQ WebView 等用户代理无法正常显示 Icon Font,原因可能是这些用户代理无法正确处理伪元素content的五位数的 Icon Font 十六进制编码,详情参考Iconfont 在移动端遇到问题的探讨,可以通...
分类:
移动开发 时间:
2015-07-21 01:05:59
阅读次数:
217
今天在看JS DOM编程的时候,看到关于网页的三位一体,其中说到由于伪类的存在,使得css可以根据用户触发的事件改变元素的呈现效果。 这本属于行为层的范围。因为以前只会用,理解的不清晰,所以就查询了下到底什么是伪类。转自蓝色理想:http://www.blueidea.com/tech/site/2...
分类:
其他好文 时间:
2015-07-19 23:29:41
阅读次数:
203
前端开发:《Html-CSS中文手册》分享啦!本手册针对的是已有一定网页设计制作经验的读者。其目的是提供完整清晰的样式表内容的快速索引及进阶帮助。所以对于网页制作和样式表的基础知识,仅简单介绍,恕不赘述。 手册提供了完整的 CSS2.0 的属性(Properties)、规则(At-Rules)、伪类(Pseudo-Classes)、伪元素(Pseudo-Elements)、声明(Decla...
分类:
Web程序 时间:
2015-07-19 10:08:31
阅读次数:
129
老规矩,先上图(请忽略图中文字^V^):
乍一看感觉是对中间的图片使用了float:center;但是仔细一想float属性是没有center这个值的。那是怎么实现的呢?我一步一步拆给大家看。
1.构建主体结构
container中放置两个子元素,分别float:left和float:right;
2.使用伪元素:before为中间的im...
分类:
其他好文 时间:
2015-07-14 11:48:39
阅读次数:
137
大家都知道before和after能写出很多很好的效果,今天偶然看到一个觉得挺好的,就顺便写了一下,复习了一下伪元素以及和伪类的区别,domo地址:http://codepen.io/tianzi77/pen/KpeKXz伪类和伪元素看似简单,很多开发者并没有引起注意,先看看伪元素和伪类的区别吧。标准的定义:
CSS 引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化。
伪类有::...
分类:
其他好文 时间:
2015-07-13 18:51:17
阅读次数:
175
一、首字母的颜色字体写法p:first-letter二、文本的特殊样式设置first-linecss伪类可与css类配合使用伪元素只能用于块级元素
分类:
Web程序 时间:
2015-07-06 01:28:03
阅读次数:
167