CSS不完全手册之CSS概念


■ CSS简介:

  在今天,不会CSS(Casading Style Sheets 层叠样式表)的网页制作员不可以称为专业的网页制作人员。会HTML语言再学CSS并不难,因为CSS跟HTML一样也是一种标记语言,甚至很多属性都是来源于HTML。

  CSS的编辑方法同HTML一样,也可以是任何文本编辑器或网页编辑软件,还有专门用来编辑CSS的软件。 如果你写的CSS语句是当成外部样式表而在HTML文件中调用,那它的扩展名存成.css就可。假如你的网站每页使用的都是这个样式表,那么你修改这个文件就修改了整个网站的外观,所花的时间可能只要两三分钟!

■ 一点说明:

  我们在这里讲述的是CSS的一些基本使用方法,起的一个入门的作用,更详细的技巧将不作更多介绍了,这就是为什么称作“CSS不完全手册”的原因。

■ CSS使用方法:

  CSS在HTML中应用有三种方法:

  1. 第一种是包含在<head>...</head>标记里,例如:

  2. <head>
    <style type="text/css">
    <!--
    h1 {font-family:宋体;font-size:12pt;color=blue}
    -->
    </style>
    </head>

    <body>
    <h1> 在这里使用了H1标记</h1>
    </body>


  3. 第二种是行间定义,例如:

  4. <body>
    <h1 style="font-family:宋体;font-size:12pt;color=blue">这是行间定义的H1标记</h1>
    </body>


  5. 第三种是外部调用样式文件,跟第一种类似,例如:

  6. <head>
    <LINK REL="stylesheet" href="sample.css">
    </head>


  7. 第四种是也是导入样式文件,跟第三种类似,例如:

  8. <head>
    <style type="text/css">
    <!--
    @import url(http://www.yourname.com/style.css);
    -->
    </style>
    </head>

本文作者:
« 
» 
快速导航

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