深入学习css串接样式

深入学习css串接样式

ID:37293538

大小:24.56 KB

页数:9页

时间:2019-05-21

深入学习css串接样式_第1页
深入学习css串接样式_第2页
深入学习css串接样式_第3页
深入学习css串接样式_第4页
深入学习css串接样式_第5页
资源描述:

《深入学习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.

·如果你将CSS规则的说明组合在一起,而其中又包含字模系列,将字模系列列在最后,例:H2{color:red;margin:10px;font-family:times,serif}·有时候,如果字模系列没有列在最后一条,IE3会忽略整个一条CSS规则,很莫名其妙,但却是真的。利用字模系列属性,你可以按照字体名称调用字体,而且在使用标签

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

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。