欢迎光临
技术人生-雨巷前端

CSS

sass 命令行编译

yuxang阅读(29)评论(1)

编译sass sass编译有很多种方式,如命令行编译模式、sublime插件SASS-Build、编译软件koala、前端自动化软件codekit、Grunt打造前端自动化工作流grunt-sass、Gulp打造前端自动化工作流gulp-r...

px、pt、em、rem的区别

yuxang阅读(273)评论(0)

PX px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 PX特点 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firef...

CSS3新特性详解

yuxang阅读(123)评论(0)

1、CSS3选择器 E:last-child 匹配父元素的最后一个子元素E。 E:nth-child(n)匹配父元素的第n个子元素E。 E:nth-last-child(n) CSS3 匹配父元素的倒数第n个子元素E。 2、@Font-fa...

css中的各种居中方法

yuxang阅读(197)评论(1)

居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中的一些常用方法做个简单的介绍。 注:本文所讲方法除了特别说明外,都是兼容IE6+、谷歌、火狐等主流浏...

a里面套img为什么a的宽高会出现偏差

yuxang阅读(177)评论(0)

为了兼容性,在开发一个仿win8风格的页面时出现一个奇怪的问题:那就是a标签里面套img标签会出现a的宽高多出几像素。。 究其原因: a元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认 vertical-align 是base...

移动端分辨率适配:font-size设置

yuxang阅读(280)评论(1)

1. 问题的引出 如果html5要适应各种分辨率的移动设备,可以使用rem这样的尺寸单位,针对各个分辨率范围在html上设置font-size的代码: html{font-size:10px} @media screen and (min-...

设备像素比devicePixelRatio简单介绍

yuxang阅读(194)评论(0)

本文所说 devicePixelRatio 其实指的是 window.devicePixelRatio, 被所有 WebKit 浏览器以及 Opera 所支持,随着显示器的发展,这个属性也慢慢登上了前端技术的舞台。 本文内容大部分属于翻译性...

css3的新属性calc()的使用

yuxang阅读(211)评论(0)

今天突然碰到一个css的属性calc(),一时不解,便查阅了些资料,顿时大悟,以前自己想尽办法实现的部分效果,在calc()跟前简直就是白费力气。废话不多说了,先介绍下calc(): 平时在制作页面的时候,总会碰到有的元素是100%的宽度。...

CSS3详解:background

yuxang阅读(159)评论(1)

CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。 1、多个背景图片 在css3里面,你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写...

我是前端,我不迷茫