css link和@import的用法

css link和@import都是引入css文件到HTML 一,基本了解 1、link语法结构 此标签是引入CSS文件link标签,只要设置好路径即可。 2、@import语法结构 ?1@impor...
阅读全文

css制作三角图标

工作中有时候一个三角图标来不及切图或者你就是不想切图,那就用下面的方法解决。 ?12345678910/* create an arrow that ...
阅读全文

css3实现3D立体翻转导航特效

效果描述: 当鼠标悬停在导航上,会有一个立体式翻转效果,效果很逼真 css3特效,不支持低版本浏览器 附件中的案例没有实用任何图片,所以对于懒人来说,省去了路径问题的烦恼 所以实用起来更加方便 使用方...
阅读全文

CSS3 for IE 6-9

这个fork整合了修改版的PIE,从而让IE6-9获得css3的选择器之外,和获得了圆角、阴影、渐变色资源等css3属性的支持。 低版本IE浏览器无法实现CSS3的效果,用这个插件,直接按照现代浏览器...
阅读全文

css中字体的英文名称

我们知道网页中使用中文字体最好用其对应的英文名称,这样可以避免出现编码问题导致样式中的中文名称出现乱码,从而不识别。下面是网页中常用的中文字体所对应的英文名称。留着,不用翻资料了。 ?12345678...
阅读全文

网页中”垂直居中”

关于网页中"垂直居中",先前和同事也讨论过,前端面试的时候也会有,在网上也搜索了一些文章,有很多种方法,但是兼容所有浏览器的也只有三种,分享给大家: 方法一: 我们设置div为绝对定位【positio...
阅读全文
Rem与Px的转换 CSS/3

Rem与Px的转换

rem是CSS3中新增加的一个单位值,他和em单位一样,都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计算;rem是相对于根元素html的font-size进行计算。这样一...
阅读全文