29-10000 web入门 HTML5 样式的3种用法

  

 

  

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>样式</title>
    <!-- 1 外部样式引用写法 -->
    <link rel="stylesheet" type="text/css" href="mystyle.css">
<!-- 2 内联样式写法 -->
    <style type="text/css">
        p {
            color: rgb(0, 130, 7);
        }
    </style>
<!-- 3 内联样式表  -->
    <a  href="https://www.baidu.com/" style="color: indigo;">点击我跳转到百度网站</a>

</head>

<body>

    <h1>标题h1</h1>

    <p>欢迎来到大佬公司:guanjun.com</p>
</body>

</html>

效果

 

posted @ 2021-11-19 15:11  优敏行  阅读(36)  评论(0)    收藏  举报