CSS不完全手册之继承与关联


■ 继承:

  继承:就是在子元素没有定义样式的情况下,它将采用上一级元素的样式定义。

  优先级:根据继承来理解优先级也就容易。最近的样式优先级最高。 比如:

  CSS在<heda>声明 I{font-family:impact};

  但在HTML语句中又如下定义:<P> 要显示的文字在<I><font face="Times">这里</font></I></P> 在此例中样式表要求用IMPACT字体,而FONT标记要求用TIMES字体,最终浏览器使用的会是TIMES。作为CSS标准制定者,要求将CSS优先,他们认为像以上的例子中应该用IMPACT字体。可以浏览器产商照顾使用者的旧习惯,使用了FONT标记中的字体,尽管FONT已不被提倡。

  ■ 更好的方法--关联:

  
我并讲不出抛弃FONT标记的理由,只知道这是潮流。显然CSS提供更好的方法避免你在像上面的例子一样使用FONT标记,那就是: 关联 可以在HEAD部分的CSS定义中加入如下行: P I {font-family:times} /*P和I之间的空格不能少*/

  在HTML中: <P>要显示的文字在<I>这里</I></p>

  虽然你没有使用FONT FACE,但根据HEAD部分的CSS定义,P标记里的I标记使用的字体一定是TIMES。要提起注意的是那行CSS样式只作用于P标记里的I标记

本文作者:

■ 继承:

  继承:就是在子元素没有定义样式的情况下,它将采用上一级元素的样式定义。

  优先级:根据继承来理解优先级也就容易。最近的样式优先级最高。 比如:

  CSS在<heda>声明 I{font-family:impact};

  但在HTML语句中又如下定义:<P> 要显示的文字在<I><font face="Times">这里</font></I></P> 在此例中样式表要求用IMPACT字体,而FONT标记要求用TIMES字体,最终浏览器使用的会是TIMES。作为CSS标准制定者,要求将CSS优先,他们认为像以上的例子中应该用IMPACT字体。可以浏览器产商照顾使用者的旧习惯,使用了FONT标记中的字体,尽管FONT已不被提倡。

  ■ 更好的方法--关联:

  
我并讲不出抛弃FONT标记的理由,只知道这是潮流。显然CSS提供更好的方法避免你在像上面的例子一样使用FONT标记,那就是: 关联 可以在HEAD部分的CSS定义中加入如下行: P I {font-family:times} /*P和I之间的空格不能少*/

  在HTML中: <P>要显示的文字在<I>这里</I></p>

  虽然你没有使用FONT FACE,但根据HEAD部分的CSS定义,P标记里的I标记使用的字体一定是TIMES。要提起注意的是那行CSS样式只作用于P标记里的I标记

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3