变相怪杰 发表于 2015-1-16 00:26:52

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

现在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常用工具中选择超级链接,完成相应的填写即可。

再见西城 发表于 2015-2-28 10:56:23

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

简单生活 发表于 2015-3-9 23:13:57

以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

仓酷云 发表于 2015-3-17 03:10:24

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

深爱那片海 发表于 2015-3-23 18:12:26

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
页: [1]
查看完整版本: DIV教程之进步网页的用户体验:字体巨细的计划