显示的结果如下：

　　绿黄色显示的字符

　　黄色显示的字符

　　红色显示的字符

　　6、[ 主题：CSS的字体、字型控制 ]

　　★☆★使用CSS你可以对页面的字体进行任意的控制，比起HTML简直方便不知多少。

　　CSS使用"font-size"属性来控制字体大小。

　　CSS中可以使用的单位：points, pixels等单位 。

　　★使用 points(点):

　　td { font-size: 9pt }

　　告诉浏览器以9 points的尺寸显示〈TD〉标签内的字符，本页就采用9pt的字体，我认为"宋体+9pt"是非常漂亮的选择。Points是确定文字尺寸非常好的单位，它在所有的浏览器和操作平台上都适用。

　　★使用pixels(象素):

　　td { font-size: 9px }

　　使用"象素"的缺点是，页面显示不稳定，字体时大时小，而使用points则没有这种问题。

　　此外你还可以使用如下的单位：

　　in (英寸)

　　cm (厘米)

　　mm (毫米)

　　★☆★字型控制

　　{ font-family:Arial } 可以只设置一种字体。

　　{ font-family:Arial,Helvetica,sans-serif } 也可以设置多种字体，将按照字型顺序查找显示。

　　{ font-family:"Courier New" } 字型名字包括2个以上的词时，要使用引号。

　　★☆★字体粗细控制

　　{ font-weight:bold } 字体加粗显示，还可以使用：extra-light,light,demi-light,medium,demi-bold,bold,extra-bold等参数。

　　★☆★字型样式控制

　　{ font-style:italic } 设置字体倾斜，可以使用normal,italic。

　　7、[ 主题：CSS产生的特殊效果 ]

　　经常有朋友问：如何使有超级连接的文字不出现下划线，如何使鼠标移动到超连上产生变色的效果?其实这些通过传统的方法是办不到的。而使用CSS的控制却可以非常轻松地作到，而且，页面的代码也不会臃肿。

　　★★先看看超连没有下划线的例子：

　　例子1： 这个连接可以去页面底部，但是没有下划线。

　　是如何作到这一点的呢?在〈head〉和〈/head〉之间加上如下的CSS语法控制：

以下是引用片段：
　　〈style type="text/css"〉
　　〈!--
　　a:link { text-decoration: none}
　　a:active { text-decoration: none }
　　a:visited { text-decoration: none }
　　--〉
　　〈/style〉

　　这样浏览器在执行时，就明白：

　　a:link 指正常的未被访问过的链接

　　a:active 指正在点击的链接

　　a:visited 指已经访问过的链接

　　其 中，text-decoration是文字修饰效果的意思，none参数表示使有超级链接的文字不显示下划线。如果讲none替换成underline就 表示有下划线，换成overline则给超连文字加上划线，换成 line-through给超连文字加上删除线，blink则使文字在闪烁。

上一页  [1] [2] [3] [4] [5] 下一页