2013年8月7日

css中的em,px的区别

摘要: 1.px是相对长度,相对于显示器的分辨率而言2.em是相对长度单位,相对于当前对象内文本的尺寸,如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸默认浏览器都是字体高度都是16px=1em,为了换算简单,我们可以在body选择器中声明font-size=62.5%,由于em(行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸)则 10px=1em。则12px=1.2em,px转换为em的时候只要乘以0.1就OK则em的特点是:尺寸不固定,em会继承父级元素的字体大小所以我们在写CSS的时候,需要注意两点:1. body选择器中声明Font-size=62.5%;2. 阅读全文

posted @ 2013-08-07 14:15 Codebaby 阅读(224) 评论(0) 推荐(0)

css3控制背景图大小background-size

摘要: background-size是css3提供的一个新特性,它可以让你随心所欲的控制背景图片的大小。background-size的类型background-size需要两个值,它的类型可以是像素(px)、百分比(%)或是auto,还可以是cover和contain。第一个 值为背景图的width,另外一个值用于指定背景图上的height,如果只设定1个值,则第2个默认为auto,但当值为cover和contain时 除外。cover:保持图像的宽高比例,将图片缩放到正好完全覆盖定义的背景区域,其中有一边和背景相同。html:雨打浮萍专注于web前端开发css:.div{ width:160px 阅读全文

posted @ 2013-08-07 13:40 Codebaby 阅读(653) 评论(0) 推荐(0)

导航