05 2013 档案
摘要：字体是：font-family：Microsoft YaHei; 第二种字体： 字体是：font-family: consolas; 第三种字体：方正兰亭纤黑 font-family: 'FZLTXHK','Microsoft Yahei','Hiragino Sans GB','Heiti SC'
阅读全文
摘要：vue中css3上下渐变： CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核，主流内容主要有Mo
阅读全文
摘要：本文我们搁下IE不谈，只谈谈box-shadow的具体使用方法语法：E {box-shadow: <length> <length> <length>?<length>?||<color>}也就是：E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说：对象选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}box-shadow和text-shadow一样可以使用一个或多个投影，如果使用多个投
阅读全文
摘要：浏览器如何识别你的选择器首先我们需要清楚，浏览器是如何读取选择器，以识别样式，并将相应的样式附于对应的HTML元素，达到美化页面的效果。Chris Coyier曾在《Efficiently Rendering CSS》一文中说过“浏览器读取你的选择器，遵循的原则是从选择器的右边到左边读取。换句话说，浏览器读取选择器的顺序是由右到左进行”。比如说：div.nav > ul li a[title]上面的实例来说，浏览器首先会尝试在你的HTML标签中寻找“a[title]”元素，接着在匹配“li和ul”，最后在去匹配“div.nav”。这就是前成所主的“选择器从右到左的原则”。选择器的最后一部
阅读全文
摘要：从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3的属性选择器主要包括以下几种:E[attr]：只使用属性名，但没有确定任何属性值；E[attr="value"]：指定属性名，并指定了该属性的属性值；E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写；E[attr^="value"]：指定了属性名，并且有属性值，属性值是以value开头的；E[attr$="value"]：指定了属性名，并且有
阅读全文
摘要：下面我们先看看上表中基本的选择器的使用方法和其所起的作用，为了更好的说明问题，先创建一个简单的DOM结构，如下：<div class="demo"> <ul class="clearfix"> <li id="first" class="first">1</li> <li class="active important">2</li> <li class="important items">3
阅读全文
摘要：Css盒阴影效果标准方法当然就是指使用CSS3的方法了，这个应该不少同行应该知道，参见如下代码：.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000;}释义为：横向偏移3像素，纵向偏移3像素，模糊4像素，颜色为纯黑。如果我们把含上面样式的这个class shadow应用到图片上，就会产生如下的效果（截自Firefox3.6）：三、那么IE浏览器呢？对于目前对CSS3支持如狗屎的孤芳自赏的IE浏览器怎么办呢？b...
阅读全文
