一分钟了解Html中CSS的三种链接方式-木庄网络博客

本文摘自PHP中文网，作者烟雨青岚，侵删。

在html中CSS有三种链接方式，你知道是哪三种吗？三种css文本的链接方式分别是内联定义、链入内部css、和链入外部css，下面我们一起看看吧。

css文本的链接方式有三种：分别是内联定义、链入内部css、和链入外部css

1.代码为：

<html>
    <head>
        <title>内联定义</title>
    </head>
    <body>
        <p style="border:2px solid #000000">内联定义</p>
        <p style="color:red">内联定义</p>
        <p style="font-size:12px">内联定义</p>
    </body></html>

2.代码为：

<html>
    <head>
        <title>链入内部css</title>
        <style type="text/css">
            #myid
            {
                width:200px;
                height:300px;
                color:red;
            }
            .myclass
            {
                width:200px;
                height:300px;
                color:red;
            }
        </style>
    </head>
    <body>
        <p id="myid">链入内部css</p>
        <p class="myclass">链入内部css</p>
         
    </body></html>

3.代码为：

<html>
    <head>
        <title>链入外部css</title>
        <link type="text/css" rel="stylesheet" href="style.css"/>
    </head>
    <body>
        <p id="p1">链入外部css</p>
        <p id="p2">链入外部css</p>
        <p class="p3">链入外部css</p>
    </body></html>