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

转载 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)。 

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

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

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

如图:

层叠样式表CSS学习笔记

CSS学习笔记 01.什么是CSS.     CSS指层叠样式表(Cascading Style Sheets).     ·样式定义如何显示HTML元素     ·样式通常存储在样式表中 ...
  • gyming
  • gyming
  • 2012年11月03日 19:19
  • 4278

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

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

层叠样式表 CSS 学习笔记

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

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

  • zazisb
  • zazisb
  • 2016年04月08日 14:48
  • 112

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

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

CSS自学笔记(3):CSS样式表的使用

当浏览器读到一个样式表时,浏览器会根据这个样式表来格式化html文档,从而表现出各式各样的网页。 想要浏览器读到样式表,有三种方法: 1.外部样式表 外部样式表可以理解为.CSS文件...

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

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

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

一,创建css      1.外部样式表:link rel="stylesheet" type="text/css" href="mystyle.css" />          注;不要在属性值...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:精通样式表技术笔记(三)
举报原因:
原因补充:

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