如何在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 类选择符名称"></元素名称>