::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,: ...
分类:
Web程序 时间:
2016-11-12 11:15:55
阅读次数:
1336
CSS的一些零碎总结 1、CSS 伪元素用于向某些选择器设置特殊效果(用来当作一个东西的,跟一个元素差不多,但不是元素)。 ① :frist-line伪元素:用于向文本首行设置特殊样式,但是只能用于块级元素。 以下属性可应用于 “ frist-line ” 伪元素: font、color、backg ...
分类:
Web程序 时间:
2016-11-11 23:16:36
阅读次数:
312
em是相对于父元素的font-size,rem是相对于根元素的font-size。 rem的补充: ① 对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小; ② IE9/IE10在用于伪元素时或者使用字体简写声明时不支持rem; ③ IOS S ...
分类:
其他好文 时间:
2016-11-10 18:57:11
阅读次数:
96
1、CSS 伪元素用于向某些选择器设置特殊效果(用来当作一个东西的,跟一个元素差不多,但不是元素)。 ① :frist-line伪元素:用于向文本首行设置特殊样式,但是只能用于块级元素。 以下属性可应用于 “ frist-line ” 伪元素: font、color、background、word- ...
分类:
Web程序 时间:
2016-11-10 13:53:41
阅读次数:
225
:after 和 :before其实已经比较熟了,但是一直只是会用,今天来做个总结。 首先说说:after 和 ::after,这两个其实区别不大,个人感觉,只是官方为了区别伪类和伪元素。有一个冒号的一般代表伪类如:hover。两个的代表伪元素。所有浏览器都支持一个冒号或者两个冒号,也就是说:aft ...
分类:
其他好文 时间:
2016-11-10 01:23:37
阅读次数:
159
1.父容器设置text-align:水平居中,第一个子元素(或父元素的伪元素)设置为height:100%;width:0;display:inline-block;vertical-align:middle;以给后面紧跟的元素参照,第二个子元素设置为display:inline-block;ver ...
分类:
Web程序 时间:
2016-11-09 05:54:32
阅读次数:
224
1.css3阴影用到的知识点:阴影box-shadow和插入:after before HTML部分: CSS部分: 备注: 1. css卡片阴影效果用到两个伪元素:after、before. (1)、“伪元素”,顾名思义。它创建了一个虚假的元素,并插入到目标元素内容之前或之后; (2)、伪元素如果 ...
分类:
Web程序 时间:
2016-11-07 02:33:32
阅读次数:
774
主要内容:jQuery进阶、CSS伪类和伪元素、jQuery插件 tab菜单样式 checkbox全选、反选 位置:scrollTop和offset 事件:两种绑定事件的方式和委托delegate ajax:普通和跨域(江西卫视的例子) 还是那个网址:http://www.php100.com/ma ...
分类:
Web程序 时间:
2016-11-06 22:39:55
阅读次数:
293
作者:仅愚链接:https://www.zhihu.com/question/22022905/answer/20585820来源:知乎著作权归作者所有,转载请联系作者获得授权。 :before(或:after)是什么玩意? 答:伪元素(注意,不是伪类)。 它虽然被收录到css3标准中,但其实主流浏 ...
分类:
Web程序 时间:
2016-11-03 15:59:20
阅读次数:
624
css和css3学习 css布局理解 css颜色大全 样式的层叠和继承 css ::before和::after伪元素的用法 中文字体font-family常用列表 css选择器 Flex布局 ...
分类:
Web程序 时间:
2016-11-02 01:02:11
阅读次数:
140