xiqim的专栏

在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别？　　这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。　　W3C关于CSS3选择器的规范中有一段描述：　　A pseudo-element is made

属性选择器早在CSS2中就被引入了，其主要作用就是对带有指定属性的HTML 元素设置样式。使用CSS3属性选择器，你可以只指定元素的某个属性，或者你还可以同时指定元素的某个属性和其对应的属性值。 从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3的属性选择器主要包括以下几种： E[attr]：只使用属性名，但没有确定任何属性值； E[attr="value"]：指定属

解惑好文：移动端H5页面高清多屏适配方案对于retina屏幕(如: dpr=2)，为了达到高清效果，视觉稿的画布大小会是基准的2倍，也就是说像素点个数是原来的4倍（对iphone6而言：原先的375×667，就会变成750×1334）。视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面

CSS :after 选择器CSS 选择器参考手册实例在每个 元素的内容之后插入新内容：p:after{ content:"台词：";}亲自试一试浏览器支持IEFirefoxChromeSafariOpera     

http-equivMETA标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。★HTTP-EQUIVHTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：1、Content-Type和Content-Language (显示字符集的设定)说明：设定页面使用的

toscho：有三种实现方式：伪元素（pseudo-elements）、伪类（ pseudo-classes）和Notihing。WebKit和Blink（Safari,Google Chrome, Opera15+）使用伪元素::-webkit-input-placeholderMozilla Firefox 4-18使用伪类:-moz-placeholderMo

一、CSS3圆角的优点　　传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点：　　* 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。　　* 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。　　* 增加视觉可靠性。某些情况下(网

透明度.abc {opacity:0.5;filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */}本元素的不透明度是 0.5。请注意，文本和背景色都受到不透明级别的影响。

随着显示屏幕的多样性！各种各样的屏幕，pad，pc，phone，不同尺寸，不同大小！这给开发人员带来很大的挑战，为了一个页面，要写n套代码！可谓很难受！不过咧不用怕。技术也在发展哈。css3带来了福音！咱门可以#利用@media screen实现网页布局的自适应#。当然这个东东在css2就应该见过哈！不急，玩赚乐带领大家来见识见识这货。(www.banghui.org)Media Qu

结合after或before伪类，在元素的开头或结尾附加上一定的内容，content：""的引号中即是添加的内容，比如说我们这么写：学而时习之不亦说乎div:before{content:"子曰："}那么在显示时就会显示子曰：学而时习之不亦说乎这其中“子曰：”并不会出现在DOM文档中

css3：linear-gradient/*线性渐变*/radial-gradient/*圆形渐变*/.gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear,

IcoMoon App - 分分钟打造你自己的 Web Font2014-01-19 • 前端开发 • 21 条评论Web Fonts 是伴随着 CSS3 的 @font-face 一起火起来的技术。使用 @font-face 你可以在网页上使用任何字体，而不需要考虑用户的电脑上有没有这个字体。如果你经常上一淘网，有没有发现它的网站 LOGO 就是用 Web Font 实现的？