css三种引入样式表

发表于前端技术学习版块 css,教程

使用p标签写自己的话： CSS是网页设计中必不可少的一部分，可以通过三种方式将样式表引入到网页中。以下将介绍这三种引入样式表的方式。使用pre标签写代码部分： 1.内嵌式：将CSS样式代码直接写在H

使用p标签写自己的话：
CSS是网页设计中必不可少的一部分，可以通过三种方式将样式表引入到网页中。以下将介绍这三种引入样式表的方式。
使用pre标签写代码部分：
1.内嵌式：将CSS样式代码直接写在HTML文件中的style标签中。

  <html>
            <head>
                <style>
                    body {background-color: powderblue;}
                    h1   {color: blue;}
                    p    {color: red;}
                </style>
            </head>
            <body>
                <h1>This is a heading</h1>
                <p>This is a paragraph.</p>
            </body>
        </html>

2.内部式：将CSS代码写在单独的CSS文件中，然后将该文件引入到HTML中的head标签中。

  <html>
            <head>
                <link rel="stylesheet" type="text/css" href="mystyle.css">
            </head>
            <body>
                <h1>This is a heading</h1>
                <p>This is a paragraph.</p>
            </body>
        </html>

3.外链式：将CSS代码写在单独的CSS文件中，并将该文件链接到HTML文件中。

  <html>
            <head>
                <link rel="stylesheet" type="text/css" href="http://example.com/mystyle.css">
            </head>
            <body>
                <h1>This is a heading</h1>
                <p>This is a paragraph.</p>
            </body>
        </html>

以上就是CSS三种引入样式表的方式。具体使用哪种方式取决于实际情况和个人偏好。

文章说明:

本文原创发布于探乎站长论坛，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议。

该文观点仅代表作者本人，探乎站长论坛平台仅提供信息存储空间服务。