仓酷云

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

[DIV+CSS] DIV教程之进步网页的用户体验:字体巨细的计划

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

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

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

x
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
如今国际尽年夜多半的站点都用CSS把字体巨细设定为12px,像素固然也是绝对尺寸单元,但只是相对屏幕的分辩率,当屏幕的分辩率必定时,假如你感应字太小,浏览有坚苦,在非尺度扫瞄器中就力所不及了,以是说,假如把单元改成em,那末就能够用CTRL+鼠标转动把字缩小,大概用菜单上的检察>笔墨巨细来改动字的巨细。
怎样设定
1.在body标签里将字体尺寸设为62.5%,假如在body里没有CSS设定,那末扫瞄器默许的巨细是16px,设了62.5%,则字体尺寸=16px*62.5%=10px,这时候你能用em便利地设巨细了,好比你必要用12px,只需设1.2em。
以下是援用片断:
body{
font-size:62.5%;
}
h1{
fong-size:1.4em;/*h1字的巨细相称于14px*/
}
2.body里字体尺寸设为75%,则字体尺寸=16px*75%=12px,1em相称于12px.
以下是援用片断:
body{
font-size:75%;
}
h1{
fong-size:1.5em;/*h1字的巨细相称于18px*/
}
第一种办法更好些。
假如是英文网站的话,还能够设定为small、x-small......
固然如许一来,对页面的计划请求会高一些。

那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
小女巫 该用户已被删除
沙发
发表于 2015-1-18 06:41:30 | 只看该作者
直接用代码建立链接,如:可以直接输入<aherf=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
透明 该用户已被删除
板凳
发表于 2015-1-25 23:10:43 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
因胸联盟 该用户已被删除
地板
发表于 2015-2-4 13:35:25 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
再见西城 该用户已被删除
5#
发表于 2015-2-28 10:56:23 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
简单生活 该用户已被删除
6#
发表于 2015-3-9 23:13:57 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
7#
发表于 2015-3-17 03:10:24 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
深爱那片海 该用户已被删除
8#
发表于 2015-3-23 18:12:26 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-22 19:58

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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