背景:
作为一个web前端工程师,怎么可以不知道字体图标这种高大上的东西那!!?
首先,我们先恶补下什么是字体图标:用字体文件取代图片文件,来展示图标、特殊字体等元素的方法。
优点:
加载文件体积小
统一展示风格,使用方法
通过font-size,color就能自由变化大小,修改颜色,就像控制文字一样简单
可以添加一些视觉效果如:阴影、旋转、透明度
兼容IE6
后...
分类:
其他好文 时间:
2015-07-16 11:52:30
阅读次数:
116
1、css选择器:相当于一个标识,有3种选择器 第一种选择器:标签选择器 p{ color:red;} 第二种选择器:class选择器 .c1{ color:green;} 可被多次调用 第三种选择器:id选择器 #d1{ color:blue;} 独有 优先级:标签<class<id 注...
分类:
Web程序 时间:
2015-07-09 00:21:32
阅读次数:
203
本文我们分享前端CSS背景100%平铺,浏览器缩小背景显示不全bug解决的两个方法,如果你也遇到了,那么就可以参考下面文章。把浏览器的窗口缩小时,拖动滚动条时你会发现原本设定的CSS背景100%平铺的背景少了一块,而且窗口越小时,空白越大。解决方法:width:100%;min-width:990p...
分类:
Web程序 时间:
2015-06-16 19:01:31
阅读次数:
2054
CSS 2.2 W3标准 http://dev.w3.org/csswg/css2/CSS方案 网易 http://nec.netease.com/Js方案http://nej.netease.com/
分类:
Web程序 时间:
2015-06-03 15:07:30
阅读次数:
125
在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。...
分类:
Web程序 时间:
2015-06-02 23:31:21
阅读次数:
248
到这里可以验证当使用`top` `right` `bottom` `left` ***(这四个属性可以设置具体的像素数也可以设置百分比)***这样属性改变元素的位置的时候,不会影响其他元素的位置。而使用`margin` 这样的属性改变元素的位置会影响其他元素的位...
分类:
Web程序 时间:
2015-05-29 23:08:10
阅读次数:
222
display 属性规定元素应该生成的框的类型。
这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。
浏览器支持
所有主流浏览器都支持 display 属性。
注释:任何版本的...
分类:
Web程序 时间:
2015-05-28 23:17:37
阅读次数:
407
文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解:所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:基本样式库 /css/core通用UI元素样式...
分类:
Web程序 时间:
2015-05-18 18:24:36
阅读次数:
127
方法一 :为父元素应用 overflow:hidden
实际上,overflow:hidden声明的真正用途是防止包含元素被超大内容撑大。应用overflow:hidden之后,包含元素依然保持其设定的宽度,而超大的子内容则会被容器剪切掉。除此之外,overflow:hidden还有另一个作用,即它能可靠地迫使父元素包含其浮动的子元素。
方法二:同时浮动父元素
第二种促使父元素包围其浮动子元...
分类:
其他好文 时间:
2015-05-10 13:01:32
阅读次数:
110
CSS Spirte就是所谓的把很多的小图标合并成一张大的图片,然后使用CSS的background-position属性,来动态的定位自己需要图标的位置。这样做的目的主要是减少HTTP请求,加快网页的加载速度。图片需要的结果:多余的话就不多说了具体的实现都已经写在了代码中,并且对于重点都进行了注释。如果有问题可以留言哈!
css_spirte
div u...
分类:
Web程序 时间:
2015-04-29 00:50:23
阅读次数:
150