2007-05-04

CSS层叠样式表最佳入门教程

来源: 本站收集整理 作者:佚名 评论 0 条
 

  ★☆★说明:css文件的路径用绝对路径(http://...)表示或者用相对路径(例如:../csscode/my.css)表示都可以。

  然后再单独生成一个css文件,叫做my.css (随便起名)。文件内容如下:

  h2 { font-family: "宋体"; font-size: 12pt; font-style: italic; color: #FF0033; background-color: #FFCCCC}

  h1 { font-family: "Arial"; font-size: 12pt; color: #66FF66}

  只要将这个CSS文件上传到服务器指定的目录即可。

  (3)使用"inline(行内样式单)排版样式":

  inline样式单采用HTML标签的"style"属性,它的特点是"定义某一个标签的式样单风格",只对所定义的标签起作用,并非对整个页面起作用。例如:

  〈p style="font-size: 14pt ; color: #99ff99 ; font-family: 宋体"〉层叠式样单〈/p〉

  看到的效果:

  层叠式样单

  使用行内样式单,你必须为每行指定样式规则,否则下一行时浏览器将使用页面的缺省设置。 但是:有时候这种方式却非常有效。

  (4)使用"import(输入的外部式样单)"--适用于IE浏览器。

以下是引用片段:
  〈html〉
  〈head〉
  〈style type="text/css"〉
  〈!--
  @import url(my.css);
  --〉
  〈/style〉
  〈/head〉
  〈body〉
  〈h3〉输入的外部式样单〈/h3〉
  〈/body〉
  〈/html〉

  其中my.css样式单文件的内容如下:

  h3 { font-family: "宋体"; font-size: 12pt color: green }

  执行的结果如下:

  输入的外部式样单

  4、[ 主题:需要非凡说明的一些问题--CSS进阶]

  ★☆★CSS的继续性问题:

  看了下面的例子就知道了,假如定义

  h1 { color:yellow }

  即,告诉浏览器将所有〈B〉标签内的文字用蓝色显示。

  但是,假如使用如下的HTML语法:

  〈h1〉层叠〈I〉式样单〈/I〉的例子〈/h1〉

  对于〈I〉标签并没有设定样式,但因为〈I〉位于〈H1〉之中,所以它将继续〈H1〉设定的样式,也以黄色显示。

  层叠式样单的例子

  ★☆★CSS的优先级问题:

  假如混合使用三种式样单,优先级:inline 〉 embed 〉 link 式样单。

  ★☆★非凡指定的样式单的优先级大于继续的式样,例:

以下是引用片段:
  BODY { color: green }
  P { color: yellow}

  非凡规定是:〈P〉中的文字用黄色显示,但它同时也继续了〈BODY〉的绿色规定。但是非凡指定了的式样的优先级大于继续的式样,所以〈P〉之内的文字用黄色显示。
共7页: 上一页 [1] [2] 3 [4] [5] [6] [7] 下一页

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:新手必看:CSS 锦囊  
下一篇:CSS兼容要点分析
    评论加载中…
 推荐文章
     

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号