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

weixin_30802273

于 2017-02-26 15:59:00 发布

阅读量57

点赞数

原文链接：http://www.cnblogs.com/fanxiaocong/p/6444875.html

版权

内嵌样式
- 只作用于当前文件, 没有真正实现结构表现分离

    <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>

转载于:https://www.cnblogs.com/fanxiaocong/p/6444875.html

优惠劵

weixin_30802273

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页开发学习笔记四: HTML样式表

内嵌样式只作用于当前文件, 没有真正实现结构表现分离 <head> <style type="text/css"> 样式表写法 </style> </head>外链样式作用范围是当前站点, 范围广, ...
复制链接

扫一扫