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标记

本文作者:



相关阅读:
下载完成后页面不自动关闭的方法
利用instr()函数防止SQL注入攻击
PHP Memcached + APC + 文件缓存封装实现代码
JS 图片缩放效果代码
基于Java的Web服务器工作原理(三)
bat延时执行命令的另一种方法
HTML文档中小meta标签的大作用
linux查看系统时间命令
php 仿Comsenz安装效果代码打包提供下载
php 5.3.5安装memcache注意事项小结
JS读取cookies信息(记录用户名)
Webjx分享非常棒的国外的jQuery教程
在Framework4.0中实现延迟加载的实现方法
oracle关于加锁的讨论
快速导航

Copyright © 2016 phpStudy |