关闭

精通样式表技术笔记(三)

标签: 浏览器htmlcssieweb
475人阅读 评论(0) 收藏 举报
分类:
11、情景选择:

 

如果你想让所有加重显示的文字都以红色显示,
但条件是只有当这些加显示的文字出现在通常的主体文字内时。
不可能吗?利用样式表可以实现你最狂野的梦想。
情景选择将使你梦想成真,心想事成。
情景选择要求你设定一个可以执行选择说明的情景即可。 

P B { color: red } 

<H1><B>Emma Thompson</B>, Actress
</H1>
<P>Dramatic actor, inspired 
comedienne. Is there <B>nothing</B> 
she can't do?</P>

样式表的规则告诉浏览器只将所有<P>之内加重显示的文字以红色显示。
所以,<P>之外标题的加重文字不会以红色显示,而<P>之内的文字则是。


12、样式表的串接顺序: 

Inline styles (行内样式) 
Embedded styles (植入样式) 
Linked styles (链接样式) 
Imported styles (输入样式) 
Default browser styles(缺省浏览器样式) 
浏览器将按照上述顺序执行样式表的指令。


13、使用特别说明的样式表规则,例: 
BODY { color: green }
P { color: red } 

有一项规则特别说明<P> 中的文字一红色显示,
但它同时也继承了<BODY>的绿色规定。
但是特别说明了的规则的重要性要大于继承的规则,
所以<P>之内的文字一红色显示。

14、问题:如果样式表规则同HTML标签冲突时,如何处理?我们看一下这个例子: 

I { font-family: impact } 

<P>I think <I><FONT FACE="Times">
East of Eden</FONT></I> is Stein
beck's best novel.</P>

该例中样式表规则要求浏览器使用Impact,但是传统的HTML<FONT FACE>标签要求用Times字体,一个很明显的传统。

根据正式的样式表规定,应该优先执行样式表规则。

但是最主要的几种浏览器Netscape 和IE 4.0 都规定应优先执行HTML。唉.......

你看到了吧,浏览器不能如我们希望的那样应用串接样式表。节哀顺变吧。


15、字体:

字模系列就是CSS中称呼一种字体的名称属性。其基本语法如下: 

H2 { font-family: helvetica,
impact, sans-serif }

这里是Web浏览器阐释样式表的规则:
首先在列表中寻找字体的名称(helvetica),
如果在该计算机中安装了这种字体,就使用它。
如果没有安装,则移向下一种字体(impact),如果这种字体也没有安装,
则移向第3种字体(sans-serif)。
sans-serif字体参数是浏览器可以依据的最后一种参数,
它告诉浏览器使用任何一种缺省sans-serif字体(或许就是Arial)。 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:40912次
    • 积分:570
    • 等级:
    • 排名:千里之外
    • 原创:9篇
    • 转载:16篇
    • 译文:0篇
    • 评论:5条
    文章分类
    最新评论