CSS调用方法

时间:2011-06-19 01:03:32

如何在HTML页面中调用CSS

可以用以下三种方式将CSS样式表加入你的网页:

1、最好的使用方式:链入外部样式表文件

先建立外部样式表文件(.css),然后使用HTML的link对象。

示例如下:
<head>
<title>title of article</title>
<link rel=stylesheet href=http://blog.yuyouw.com/rainer.css type="text/css">
</head>

解释:<link rel="stylesheet" href="css文件路径" type="text/css"/>

2、网页单独使用方式:定义内部样式块对象

你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。

示例如下:
<html>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
<body>
 

语法结构:

<style>
选择符{属性:属性值;}
</style>

页面上的所有样式都可以写在<style>和</style>中。

使用这种方式调用CSS,在页面中必须有相应的调用代码。

3、内联   行内使用方式

示例如下:
<style="font-size: 8px;color:red">内容</style>
解释:

1, <元素名称 style="属性:属性值;"></元素名称>

2, <元素名称 id="id 类选择符名称"></元素名称>

本站所有文章均为天行博客原创,转载请注明来源及出处!

作者:宇天行 (关于我

本文首发地址:http://www.huceo.com/post/234.html

或许您还会喜欢这些文章:

Tags: 作者:宇天行 | 分类:开发技术 | 评论:55 | 浏览:5837