前端学习笔记
2015-10-14 18:29
274 查看
一个大<div>中包含一个小<div>,但是在调整位置时却不能使用margin。参考原网页使用了position:absolute;
关于position的几个可能的值:
padding:2em 30px; 分别设置了padding-top:2em; padding-right:30px;
关于em:
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为
16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
EM特点
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
用图片替换默认
在代码中加入如下部分
即可实现效果:如下所示
关于position的几个可能的值:
padding:2em 30px; 分别设置了padding-top:2em; padding-right:30px;
关于em:
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为
16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
EM特点
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
用图片替换默认
在代码中加入如下部分
即可实现效果:如下所示
相关文章推荐
- 键盘事件 提交表单 JQUERY
- js ajax 加载图片 img的简单方法
- 多设备适应的前端开发时代如何字体单位选择
- html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
- JScrollBar在Nimbus L&F下滚动条消失
- JS调用水晶报表打印翻页按钮事件
- JQuery max-height的value不能为数值
- HTML-获取/修改html页面标题
- JS-获取图片地址
- coffee、grunt、less协同
- jquery无刷新重新加载js
- javaScript中代理模式详解
- HTML学习1:Dreamweaver8的安装
- jquery easyui combobox
- json解析效率对比
- jquery、js调用iframe父窗口(父类)与子窗口元素的方法
- Mongo, Express, Angular, Node-- MEAN Stack搭建
- NSArray Class Reference
- jquery 循环获取表单下一个元素(回车绑定tab事件)
- ReactiveCocoa Tutorial – The Definitive Introduction: Part 2/2