您的位置:首页 > Web前端 > CSS

网页中加入CSS的方法

2011-08-24 19:05 246 查看
1.直接加在对象上

<html>
 <head>
  <title>title</title>
 </head>
 <body>
  <span style="color:red">red</span>
 </body>
</html>
2.加到页面头部

<html>
 <head>
  <title>title</title>
  <style>span{color:red}</style>
 </head>
 <body>
  <span>red</span>
 </body>
</html>
3.链接外部的样式表文件

<html>
 <head>
  <title>title</title>
  <link href="demo.css" rel="stylesheet" type="text/css">
 </head>
 <body>
  <span>red</span>
 </body>
</html>
4.导入外部的样式文件

<html>
 <head>
  <title>title</title>
  <style>@import url (demo.css)</style>
 </head>
 <body>
  <span>red</span>
 </body>
</html>
注意:外部CSS文件中不能再包含<style>和</style>。

demo.css文件的代码如下:

span{color:red}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: