欢迎来到天天文库
浏览记录
ID:37293538
大小:24.56 KB
页数:9页
时间:2019-05-21
《深入学习css串接样式》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、目录今天我们主要学习字体,即如何控制字号,字模及加入特殊效果。想想如果只用HTML标签你能做到这些吗?接着往下读。今天要学习的CSS特点包括:·字模系列·字号·字重·字体风格·字体参数·文字变形·文字修饰·字体按照字体名称调用字体第1个问题:你如何指示浏览器显示你希望的字体?仅仅在字模后面键入字体的名称就行了吗?很可惜,事情还不是这么简单,字体在各个操作平台之上叫的名称可能会有变化。比如,Courier在MAC机上叫做COurierNew。在一台机器上可能叫Italic的字体在另一台机器上可能就叫做Oblique。你仔细研究之后会发现更多的这样的例子。所以,我们称呼一种字体的名称并不一定
2、就是计算机对这种字体的名称。而你必须确定使你所用的字体名称就是计算机所以的字体名称。那么你怎么确定计算机对一种字体的确切名称是什么呢?这取决于于计算机所用的操作平台。CSS·Windows的用户:使用应用软件比如word中的字体菜单中所列出的确切的字体名称。·Mac机用户:不要相信应用软件给你列出的字体名称。而应该打开你的systemfolder,按照其中对字体的拼写在你的样式表中使用字体名称。字模系列字模系列就是CSS中称呼一种字体的名称属性。其基本语法如下:H2{font-family:helvetica,impact,sans-serif}这里是Web浏览器阐释样式表的规则:首先在
3、列表中寻找字体的名称(helvetica),如果在该计算机中安装了这种字体,就使用它。如果没有安装,则移向下一种字体(impact),如果这种字体也没有安装,则移向第3种字体(sans-serif)。sans-serif字体参数是浏览器可以依据的最后一种参数,它告诉浏览器使用任何一种缺省sans-serif字体(或许就是Arial)。以下为你所用浏览器的实际显示结果:CSSfontcontrolispeachy.你可以在列表中加入任何种字体名称。当你对一种字体在不同的操作平台上的名称没有把握时,这样做无疑是一种好办法。注意:浏览器更倾向于认可小写的名称。当然,只用你对所有项目都进行了测试
4、,就不会有问题。每次将一种generic字体作为最后的选项列在字体列表中是一种很好的做法。你可以选择以下几种:·serif(也可能是Times)·sans-serif(也可能是Arial或者Helvetica)·cursive(也可能是ComicSans)·fantasy(也可能是Ransom)·monospace(也可能是Courier)(注意:NetsacpeCommunicator不支持Cursive或者fantasy)其它字体名称诀窍:·如果一种字体的名称不只一个单词,比如GillSans,在你的CSS代码中用引号包含该字体的名称。BODY{font-family:"gillsa
5、ns","newbaskerville",serif}·行内加入的CSS规则,使用单引号:Textgoeshere.
6、时将拥有更大的灵活性。Css对字号的控制不使用CSS,利用HTML你只能设定7种字号,很令人沮丧,是吧?但等你看完本页之后,你将会发出一声长长的WOOOOOOOOOOOW!字号使用font-size属性,你可以对文字的尺寸进行无限的控制。确定这的3种基本方法:·Points,ems,pixels,及其它单位·关键字·比例参数Points,Ems,Pixels,及其它单位样式表可以识别许多种确定一种要素尺寸的不同单位:第1种,points:P{font-size:16pt}这条代码告诉浏览器以16points(点)的尺寸显示。Points是确定文字尺寸非常好7、的单位,因为它在所有的浏览器和操作平台上都适用。你唯一需要留意的就是在缺省设置下,PC机中显示的字要比MAC机中显示的大一些。如果这一点对你来说很重要的话,你可以利用javascript识别不同人所使用的操作平台,然后根据不同的平台链接相应的CSS文件。Points,likeallotherunits,workassmallorasbigasyouwant(thatwas8pointsand80points,respectively
。Points是确定文字尺寸非常好
7、的单位,因为它在所有的浏览器和操作平台上都适用。你唯一需要留意的就是在缺省设置下,PC机中显示的字要比MAC机中显示的大一些。如果这一点对你来说很重要的话,你可以利用javascript识别不同人所使用的操作平台,然后根据不同的平台链接相应的CSS文件。Points,likeallotherunits,workassmallorasbigasyouwant(thatwas8pointsand80points,respectively
此文档下载收益归作者所有