深入学习css串接样式.doc
上传人:sy****28 上传时间:2024-09-15 格式:DOC 页数:9 大小:24KB 金币:15 举报 版权申诉
预览加载中,请您耐心等待几秒...

深入学习css串接样式.doc

深入学习css串接样式.doc

预览

在线预览结束,喜欢就下载吧,查找使用更方便

15 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

目录今天我们主要学习字体,即如何控制字号,字模及加入特殊效果。想想如果只用HTML标签你能做到这些吗?接着往下读。今天要学习的CSS特点包括:字模系列字号字重字体风格字体参数文字变形文字修饰字体按照字体名称调用字体第1个问题:你如何指示浏览器显示你希望的字体?仅仅在字模后面键入字体的名称就行了吗?很可惜,事情还不是这么简单,字体在各个操作平台之上叫的名称可能会有变化。比如,Courier在MAC机上叫做COurierNew。在一台机器上可能叫Italic的字体在另一台机器上可能就叫做Oblique。你仔细研究之后会发现更多的这样的例子。所以,我们称呼一种字体的名称并不一定就是计算机对这种字体的名称。而你必须确定使你所用的字体名称就是计算机所以的字体名称。那么你怎么确定计算机对一种字体的确切名称是什么呢?这取决于于计算机所用的操作平台。HYPERLINK"http://www.enet.com.cn/eschool/zhuanti/css/"CSSWindows的用户:使用应用软件比如word中的字体菜单中所列出的确切的字体名称。Mac机用户:不要相信应用软件给你列出的字体名称。而应该打开你的systemfolder,按照其中对字体的拼写在你的样式表中使用字体名称。字模系列字模系列就是CSS中称呼一种字体的名称属性。其基本语法如下:H2{font-family:helvetica,impact,sans-serif}这里是Web浏览器阐释样式表的规则:首先在列表中寻找字体的名称(helvetica),如果在该计算机中安装了这种字体,就使用它。如果没有安装,则移向下一种字体(impact),如果这种字体也没有安装,则移向第3种字体(sans-serif)。sans-serif字体参数是浏览器可以依据的最后一种参数,它告诉浏览器使用任何一种缺省sans-serif字体(或许就是Arial)。以下为你所用浏览器的实际显示结果:CSSfontcontrolispeachy.你可以在列表中加入任何种字体名称。当你对一种字体在不同的操作平台上的名称没有把握时,这样做无疑是一种好办法。注意:浏览器更倾向于认可小写的名称。当然,只用你对所有项目都进行了测试,就不会有问题。每次将一种generic字体作为最后的选项列在字体列表中是一种很好的做法。你可以选择以下几种:serif(也可能是Times)sans-serif(也可能是Arial或者Helvetica)cursive(也可能是ComicSans)fantasy(也可能是Ransom)monospace(也可能是Courier)(注意:NetsacpeCommunicator不支持Cursive或者fantasy)其它字体名称诀窍:如果一种字体的名称不只一个单词,比如GillSans,在你的CSS代码中用引号包含该字体的名称。BODY{font-family:"gillsans","newbaskerville",serif}行内加入的CSS规则,使用单引号:<PSTYLE="font-family:'gillsans','newbaskerville',serif">Textgoeshere.</P>如果你将CSS规则的说明组合在一起,而其中又包含字模系列,将字模系列列在最后,例:H2{color:red;margin:10px;font-family:times,serif}有时候,如果字模系列没有列在最后一条,IE3会忽略整个一条CSS规则,很莫名其妙,但却是真的。利用字模系列属性,你可以按照字体名称调用字体,而且在使用<FONTFACE>标签时将拥有更大的灵活性。Css对字号的控制不使用HYPERLINK"http://www.enet.com.cn/eschool/zhuanti/css/"CSS,利用HTML你只能<FONTSIZE=X?>设定7种字号,很令人沮丧,是吧?但等你看完本页之后,你将会发出一声长长的WOOOOOOOOOOOW!字号使用font-size属性,你可以对文字的尺寸进行无限的控制。确定这的3种基本方法:Points,ems,pixels,及其它单位关键字比例参数Points,Ems,Pixels,及其它单位样式表可以识别许多种确定一种要素尺寸的不同单位:第1种,points:P{font-size:16pt}这条代码告诉浏览器以16points(点)的尺寸显示<P>。Points是确定文字尺寸非常好的单位,因为它在所有的浏览器和操作平台上都适用。你唯一需要留意的就是在缺省设置下,PC机中显示的字要比MAC机中显示的大一些。如果这一点对你来说很重要的话,你可以利用j