CSS嵌入式内联式外联式

在网页制作中，CSS（Cascading Style Sheets）是一种介于HTML与网页设计之间的设计语言，主要用于控制网页的样式和布局。而CSS的引用方式有三种，分别是嵌入式、内联式和外联式。

嵌入式CSS指的是将CSS代码直接写在HTML文档中，通过style> 标签在HTML文档中嵌入CSS样式，并对当前页面有效:

    html>
            head>
                style>
                   /* CSS代码放置位置 */            /style>
            /head>
            body>
                /* HTML代码放置位置 */        /body>
        /html>
    

与嵌入式CSS不同，内联式CSS是将样式代码加到HTML标签的style属性中，只对当前标签生效:

    div style="color:red;
    font-size:20px;
    ">
    文本内容/div>
    

在上述示例中，"color:red; font-size:20px; "就是CSS样式。

最后一种CSS引用方式，是外联式CSS。这种方式需要单独创建一个CSS文件，通过link标签将CSS文件链接至HTML文档中，使得CSS样式对整个网站有效:

    html>
            head>
                link rel="stylesheet" type="text/css" href="mystyle.css">
            /head>
            body>
                /* HTML代码放置位置 */        /body>
        /html>
    

可以看到，通过link标签，mystyle.css文件中的CSS样式将被引用至整个网站中。

以上三种CSS引用方式，可以根据需求及CSS文件的规模进行选择。在实际应用中，一般情况下外联式CSS较为常用，因为它可以实现样式和内容的分离，便于修改和维护。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！