CSS引入

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css样式引入</title>
    <!-- 第一种方式: 外链式
        推荐用这种方式, 能够让内容与样式分离.便于维护.
     -->
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <!-- link中的href
        是hypertext(超文本) reference(涉及,查阅,提到)意思.

     -->
    

    <style type="text/css">
        h1{
            font-size: 30px;
            color:pink;
        }
    </style>
    <!-- 第二种方式: 内嵌式 
    这种方式有助于用户加载,提升性能.
    -->

</head>
<body>
    <div>css样式引入</div>
    <h1>字体的样式</h1>

    <p style="
    font-size: 14px; 
    color: orange;
    ">
    <!-- 第三种方式:行内样式 -->
    <!-- 这种方式更加细致,能够针对某个点,采取不同的样式.但是后期维护极为麻烦,属于不规范书写方式,应该极力避免. -->
        处世智慧:
        <br>
        是人们在以往生活中养成的行为准则.根据已有的生活经验以及思维模式,在面对不同情况下做出的不同的应对方式.
    </p>


</body>
</html>

 

posted @ 2019-08-13 15:19  Jrri  阅读(119)  评论(0编辑  收藏  举报