小魔女 发表于 2015-1-16 00:15:52

来讲讲:使用WEB CSS收集字体

目前我们的站就是div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.
在开辟收集使用时,没有比表面更主要的事变了。以是,假如发明计划职员非常存眷字体及字体巨细,我不会感应奇异!
在计划收集使用时,您必需决意怎样编纂字体。利用CSS时存在大批选项,每一个开辟者都有本人的喜欢。本文次要会商字体巨细和收集使用内的操纵。
字体巨细
CSS2标准依据长度――程度和垂直尺寸――来界说字体。这个长度为一个数值,后面大概带一个可选的加(+)或减(-)标志符。别的,该数值后大概有一个可选的单元标识符。
别的,CSS2标准界说了两个单元范例:相对单元和绝对单元。相对值指订单位,而绝对单元指定一个与另外一个值成比例的值。上面的列表列出了绝对单元标识符:
em:元素字体的高度。它与利用该字体的元素的字体巨细属性盘算值相称。当它呈现在字体巨细属性值自己中时,会呈现非常,这时候它指母元素的字体巨细。

ex(x-高度):CSS2标准将它形貌为小写字母x的高度。

px(像素):它与背景或屏幕的分辩率有关。依据显现器分辩率输入分歧像素,因为用户的喜欢分歧,显现器的分辩率大概会有很年夜差别。
上面是无效的相对单元标识符:
in(英寸)
cm(厘米)
mm(毫米)
pt(点,1点=1/72英寸)
pc(12点活字,1pc=12点)
丈量相对巨细的另外一种办法是利用权衡一个值的比例因数,使用以下关头字:最小、较小、小、中、年夜、较年夜和最小。中为基值,变小就减往一个因数,变年夜就增添一个因数,等等。CSS2标准界说的比例因数为1.2,这个值也大概依扫瞄器而变更。
还能够使用百分比值来格局化文本。百分比值是一个可选的标志符,即数字后带有一个百分比标记(%)。百分比值老是与另外一个值成比例。就字体而言,它与网页的基础字体巨细成必定比例。
如您所见,有很多办法可完成出现文本这个看似复杂的义务。上面的HTML格局文本(在段落元素中)使用了各类单元标识符。个中一切的值都相称,并假定以72dpi举行显现。
<html><head>
<title>FontSizing-equalvalues</title>
</head><body>
<pstyle="font-size:36pt;">Point</p>
<pstyle="font-size:3pc;">Pica</p>
<pstyle="font-size:0.5in;">Inches</p>
<pstyle="font-size:1.27cm;">Centimeters</p>
<pstyle="font-size:12.7mm;">Millimeters</p>
<pstyle="font-size:300%;">Percentage</p>
</body></html>
您能够在这个列表中增添像素值,但它的值要依情况而定。比方,我的分辩率为1280X1024的手提电脑将显现与在上表中利用50像素值分歧的文本。
细心浏览后面提到的CSS2标准,能够取得更多字体巨细方面的常识。如今我将会商怎样决意在收集使用中利用哪一种办法。
选择哪种办法
在CSS中有很多和字体有关的选项,但哪种最合适在您的收集使用中利用呢?相对巨细有很多缺点,出格是在分歧性、天真性与会见性方面存在成绩。与相对字体巨细比拟,任何目力出缺陷的用户可以使用绝对字体巨细来扩展页面中的笔墨,如许更便于浏览。因而,开辟者常常利用绝对巨细。
让我们来具体懂得一下绝对巨细:
像素是最通用的巨细值。多半扫瞄器都撑持它,但也并不是老是云云。扫瞄器经常将像素看成屏幕像素而非CSS像从来处置。像素的一个弱点在于,它疏忽或否认用户的喜欢,且不克不及在IE中调剂巨细。

很多开辟者偏幸用点来权衡字体巨细,但点次要用于桌面印刷体系,不便利移植到收集中。在出现文本时,操纵体系或扫瞄器默许利用像素。
最经常使用的办法是利用em或百分比巨细。EM可在一切撑持调剂尺寸的扫瞄器中举行调剂。Em还与用户偏幸的默许巨细有关。在IE中使用em的了局难以意料。在IE中最好利用百分比来设定文本巨细。
上面的例子分离利用em和百分比值来对文本举行格局化。基础文本用百分比值来设置,然后用em来举行调剂。
<html><head>
<title>DisplayTest</title>
<styletype="text/css">
body{font:SansSerif,Arial;font-size:110%}
</style></head><body>
<pstyle="font-size:1.0em;">Basictext.</p>
<pstyle="font-size:1.5em;">Largertext.</p>
<pstyle="font-size:0.5em;">smallertext.</p>
</body></html>
全都与表面有关
现有的尺度供应很多格局化并出现收集使用中的文本的办法。开辟者能够很便利地将文天职解成绝对和相对标识符。关头在于坚持分歧,并完全检测办理计划

</p>
提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。

冷月葬花魂 发表于 2015-1-18 05:48:02

学Dreamweaver技术的过程其实是一个增加信心的过程。

柔情似水 发表于 2015-1-25 14:40:53

Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

再现理想 发表于 2015-2-2 22:32:58

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。

分手快乐 发表于 2015-2-8 18:20:03

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

灵魂腐蚀 发表于 2015-2-25 23:23:35

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

小魔女 发表于 2015-3-8 10:44:45

俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。

愤怒的大鸟 发表于 2015-3-15 22:58:18

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

再见西城 发表于 2015-3-22 18:10:24

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
页: [1]
查看完整版本: 来讲讲:使用WEB CSS收集字体