`
淡淡的一抹
  • 浏览: 19081 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS引用方式

    博客分类：
  • CSS
 
阅读更多
1 外部引用方式
  像.js文件一样，CSS代码也可以写在一个独立的文件中，然后在页面中引用这个文件。理论上，文件的后缀名是没有限制的，单通常CSS文件都以.css作为文件后缀。可以使用HTML标签对.css文件进行引用，例如： 
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="ref.css">
</head>


2 内部样式块
如果只需要针对某个页面进行少量的样式定义，并且不准备用于其他页面，那就可以直接定义在HTML文档中。例如： 
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        body{
            background: black;
        }
    </style>
</head>
<body>
    <p>
        红色
    </p>
</body>
</html>

注意：<style>标签用来指定一个可以编写CSS代码的内部块，内部块可以出现在任何地方，单最好出现在需要应用样式的标签之前，因为浏览器是顺序应用代码。

3 内联样式
内联定义就是直接在标签上定义它的样式，例如： 
<body style="background: gray;">
    <p>
        红色
    </p>
</body>

注意：并不推荐使用这种方式，因为这种方式将样式和文档内容混淆在一起，十分影响修改和阅读。
分享到：
CSS注意事项（1）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics