仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1542|回复: 9
打印 上一主题 下一主题

[DIV+CSS] 来看看:em与px的区分和em特性和使用

[复制链接]
小妖女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:15:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
平常都是用px来界说字体,以是没法用扫瞄器字体缩小的功效,而外洋年夜多半网站都能够在IE下利用。由于
1.IE没法调剂那些利用px作为单元的字体巨细;
2.外洋的年夜部分网站可以调剂的缘故原由在于其利用了em作为字体单元;
3.Firefox可以调剂px和em,可是96%以上的中国网平易近利用IE扫瞄器(或内核)。
px像素(Pixel)。绝对长度单元。像素px是相对显现器屏幕分辩率而言的。(引自CSS2.0手册)
em是绝对长度单元。相对以后工具内文本的字体尺寸。如以后对行内文本的字体尺寸未被工资设置,则相对扫瞄器的默许字体尺寸。(引自CSS2.0手册)
恣意扫瞄器的默许字体高都是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会承继父级元素的字体巨细。
以是我们在写CSS的时分,必要注重两点:
1.body选择器中声明Font-size=62.5%;
2.将你的本来的px数值除以10,然后换上em作为单元;
3.从头盘算那些被缩小的字体的em数值。制止字体巨细的反复声明。
也就是制止1.2*1.2=1.44的征象。好比说你在#content中声了然字体巨细为1.2em,那末在声明p的字体巨细时就只能是1em,而不是1.2em,由于此em非彼em,它因承继#content的字体高而变成了1em=12px。
可是12px汉字破例,就是由以上办法失掉的12px(1.2em)巨细的汉字在IE中其实不即是间接用12px界说的字体巨细,而是稍年夜一点。这个成绩Jorux已办理,只需在body选择器中把62.5%换成63%就可以一般显现了。缘故原由多是IE处置汉字时,关于浮点的取值准确度无限。不晓得有无其他的注释

</p>
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。
小女巫 该用户已被删除
沙发
发表于 2015-1-16 23:46:58 | 只看该作者

来看看:em与px的区分和em特性和使用

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
若相依 该用户已被删除
板凳
发表于 2015-1-20 11:45:45 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
再现理想 该用户已被删除
地板
发表于 2015-1-29 07:03:31 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
简单生活 该用户已被删除
5#
发表于 2015-2-5 23:51:34 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
谁可相欹 该用户已被删除
6#
发表于 2015-2-14 08:30:57 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
愤怒的大鸟 该用户已被删除
7#
发表于 2015-3-4 05:10:46 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
爱飞 该用户已被删除
8#
发表于 2015-3-11 17:27:22 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
灵魂腐蚀 该用户已被删除
9#
发表于 2015-3-19 03:37:56 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
飘飘悠悠 该用户已被删除
10#
发表于 2015-3-27 07:01:53 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 13:25

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表