css 如何引入到html中

CSS（Cascading Style Sheets）是一种用于网页排版的语言，它可以为网页元素添加样式，比如颜色、字体、边框等。要使用CSS，必须将它引入到HTML文档中。

    head>
            link rel="stylesheet" type="text/css" href="style.css">
        /head>
    

在HTML文档的头部添加以上代码，其中rel属性定义文档与所链接文档之间的关系，type属性定义所链接文档的类型，href属性定义所链接文档的URL。在这个例子中，我们将style.css文件作为CSS文档链接到了HTML文档中。

除了通过链接外，还可以将CSS代码直接嵌入到HTML文档中。这样做的方式是在head标签中添加style标签，并在其中写入CSS代码。例如：

    head>
            style type="text/css">
            body {
                    background-color: #f2f2f2;
            }
            /style>
        /head>
    

注意，在style标签中，type属性也需要指定为"text/css"。

引入CSS后，就可以在HTML文档中定义元素的样式了。可以通过标签名、类名、ID名等方式选中元素，并为其添加样式规则。例如：

    style type="text/css">
        /* 通过标签名选中元素 */        p {
                color: red;
        }
            /* 通过类名选中元素 */        .btn {
                background-color: blue;
                color: white;
                padding: 8px 16px;
        }
            /* 通过ID名选中元素 */        #header {
                height: 100px;
        }
        /style>
    

以上代码将选中p标签、class为btn的元素、ID为header的元素，并分别为它们添加了样式规则。其中，样式规则由属性值对组成，属性指定样式的类型，值则为样式的具体设定。

总的来说，将CSS引入到HTML文档中并配置样式规则可以让页面更加美观、易读，并且有助于提高用户体验。因此，掌握CSS的基本用法对于前端工程师来说是非常重要的。

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