码迷,mamicode.com
首页 > Web开发 > 详细

网页开发学习笔记四: HTML样式表

时间:2017-02-26 17:30:49      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:har   font   css   size   blog   href   分离   文件   head   

  • 内嵌样式
    • 只作用于当前文件, 没有真正实现结构表现分离
    <head>
        <style type="text/css">
    
            样式表写法

        </style>
    </head>

 

  • 外链样式
    • 作用范围是当前站点, 范围广, 真正实现结构表现分离
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>

    <!-- 外链样式 -->
    <link rel="stylesheet" type="text/css" href="1.css">

</head>
<body>

    <div class="box">
        <p>AAAAA</p>
    </div>

</body>
</html>

 

  • 行内样式
    • 作用范围仅限于当前标签, 范围小, 结构表现混在一起
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>

</head>
<body>

    <div class="box">
        <p>AAAAA</p>
    </div>

    <!-- 行内样式(很少) -->
    <h1 style="font-size:30px; color:red">BBBBB</h1>


</body>
</html>

 

网页开发学习笔记四: HTML样式表

标签:har   font   css   size   blog   href   分离   文件   head   

原文地址:http://www.cnblogs.com/fanxiaocong/p/6444875.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!