CSS样式:3种书写形式

CSS的三种书写形式
(1)行内样式
即直接在标签的style属性中编写。
如:

<div style="color: blue; font-size: 28px; background-color: aliceblue">

(2)页内样式
即在当前网页的head中的style标签中编写。
如:

<head>
    <meta charset="UTF-8">
    <title>CSS的页内样式</title>
    <!--在head中定义页内样式-->
    <style>
        body{
            color: red;
            background-color: yellow;
        }
        div{
            color: greenyellow;
            background-color: orange;
        }
        p{
            color: brown;
            font-size: 30px;
            background-color: purple;
            border: dashed 5px blue;
        }
    </style>
</head>3)外部样式
即在单独的CSS文件中编写,然后在使用到网页中通过link标签引用。
如:
<head>
    <meta charset="UTF-8">
    <title>CSS的外部样式</title>
    <!--引用外部样式文件-->
    <link rel="stylesheet" href="./FileStyle.css">
</head>
发布了804 篇原创文章 · 获赞 135 · 访问量 142万+

猜你喜欢

转载自blog.csdn.net/potato512/article/details/105191284