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

转载 2007年09月19日 15:28:00
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)。 

相关文章推荐

层叠样式表 CSS 学习笔记

1.CSS的基本用法   1.1 如何在HTML内插入样式表     从样式表的插入形式来看基本分为三种: a. 内联式样式表: 直接写在现有的HTML标签中,如:     这里是红色...

Qt学习笔记外观篇(四):Qt 样式表实例

如图:

Css权威指南学习笔记之第一章 候选样式表

候选样式表, 就是允许为一个页面提供多种风格的样式表,用户在浏览该页面时可以选择自己喜欢的页面风格. 具体做法通过下面一个例子来说明: 1.建立3个css文件 red.css: p {color: r...

【笔记】 《js权威指南》- 第16章 脚本化CSS 16.5 脚本化CSS类 - 16.6 脚本化样式表

ObjectARX学习笔记(二十五)---如何在两个dwg里面拷贝字体样式表AcGiTextStyle ,AcDbTextStyleTableRecord

//两个dwg拷贝字体信息 bool CopyTextStyleIdInfo(AcDbDatabase *pFromDataSrc/*in*/,AcDbDatabase *pToDataDes/*in...

【HTML5学习笔记】12:尝试CSS层叠样式表和关键帧

跟着视频写的的3D隧道,用了CSS样式。建立了几个div块,用CSS改变了它的形状,然后添加关键帧使它朝着Y轴周期性移动,就形成了3D隧道的效果。 *测试代码 3D隧道 ...

sass笔记-2|Sass基础语法之让样式表更具条理性和可读性

这一篇主要详述保持sass条理性和可读性的3个最基本方法——嵌套、导入和注释。

CSS(层叠样式表)学习笔记(二)

一,创建css      1.外部样式表:link rel="stylesheet" type="text/css" href="mystyle.css" />   &#...

CSS层叠样式表——学习笔记

1:css是什么?   层叠样式表是一种用来表现HTML文件样式的计算机语言。 2:如何使用?放在那里?(一联,二内,三外)   a:内联样式         b:内部(嵌入式)...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)