仓酷云

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

[DIV+CSS] 来讲讲:CSS教程:网页字体的设置和把持

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

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

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

x
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性
DivCSS网页结构中对字体的把持长短常主要的,关于必要准确效果的页面而言。这类设置会十分有效。关于一样平常用户与开辟者而论,利用扫瞄器默许字体便可,Webjx.com鲜有这方面的常识的先容。此文分享了作者很共同的CSS理论履历。今后文能够看出。对页面字体的把持与设置的思索,将CSS的事情举行的加倍深切了。

body{font-family:Arial,sans-serif;}

  这是我迄今发明的最好的全局字体办理计划。固然,所谓“最好”,也只是基于我团体的评判尺度。以是我仍是得剖析一下其他的写法有甚么弱点,最初再总结这个写法的特性。

body{font-family:"宋体",sans-serif;}
  这个写法大概的弱点在于:
  1.宋体在Safari和Vista的IE7下,看起来很丢脸。(我稍后把截图补上)
  2.宋体的英笔墨很丢脸。
  3.假如在CSS里写中文,你得当心你HTML和CSS的编码是不是分歧。

body{font-family:SimSun,sans-serif;}
  如许写,能够制止下面的第三个成绩。可是宋体自己的确很丢脸。我们但愿在分歧平台下,都用各自默许的字体。XP是宋体,Vista是微软雅黑,Mac是黑体。如许的话,只能将字体的第一个设置为英笔墨体,如许碰到中文的时分,扫瞄器会主动挪用默许字体(VistaIE7的一些版本里貌似默许仍是宋体,这个我就力所不及了,交给用户设置的自立权吧)

body{font-family:Tahoma,sans-serif;}
  这是一个不错的办理举措。Tahoma实际上是一个挺大度的字体(我同事喜好称它“年夜河马”,哈哈)。可是它实在会带来一些成绩:
  1.由Tahoma显现的中文,在IE6里,下划线会牢牢的贴住中笔墨,很丢脸。
  2.IE6下,Tahoma没法准确的设定为13px。它会跟14px一样年夜。可是其他扫瞄器没有这个成绩。
  3.假如一行里同时呈现中文和英文,且这一行里有元素被界说了vertical-align属性,在IE6、7里会招致笔墨上下不齐,乃至下划线错位。

body{font-family:Arial,ans-serif;}
  上述两个成绩,Arial都没有。可是Arial也出缺点:
  1.比Tahoma丢脸。
  2.Tahoma里的第三个成绩也一样存在。
  不外,这个bug是有个办理举措的,就是将这一行界说zoom:1。

  以是,假如不嫌丢脸,界说为Arial是最符合的。假如其实不喜好,能够将全局界说为Tahoma,然后再将有下划线的(如链接)笔墨界说为Arial,最少能够减缓一下。
  最初,关于全局字体,增补一点:
  IE里,一切的表单位素都不承继body的字体属性,必要独自设置:

input,label,select,option,textarea,button,fieldset,legend{
font-family:Tahoma,sans-serif;
}
那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
沙发
发表于 2015-1-18 05:13:51 来自手机 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
飘飘悠悠 该用户已被删除
板凳
发表于 2015-1-22 13:10:41 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
变相怪杰 该用户已被删除
地板
发表于 2015-1-31 07:21:30 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
山那边是海 该用户已被删除
5#
发表于 2015-2-6 18:26:36 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
活着的死人 该用户已被删除
6#
发表于 2015-2-18 04:33:51 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
再见西城 该用户已被删除
7#
发表于 2015-3-6 01:59:13 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
小女巫 该用户已被删除
8#
发表于 2015-3-12 19:56:13 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
若天明 该用户已被删除
9#
发表于 2015-3-20 02:40:58 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-21 04:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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