CSS引用

哎咿呀哟嘿

于 2023-01-01 18:41:04 发布

阅读量135

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： css 前端 html

原文链接：https://blog.youkuaiyun.com/ks2686/article/details/126843933

前端开发专栏收录该内容

1 篇文章

订阅专栏

这篇文章探讨了在HTML中应用CSS样式的三种方法：通过链接外部CSS文件，使用内部样式表以及直接在元素内添加行内样式。这些技术对于网页设计和布局至关重要，影响着页面的视觉呈现和结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引入外部文件

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Css study</title>
    <link rel="stylesheet" href="./01css.css">
</head>

使用内部 CSS 样式

<head>
    <title>Css study</title>
    <style type="text/css">
        .css1 {
            background-color: royalblue;
            height: 50px;
        }
    </style>
</head>

行内样式

 <div style="font-size: 40px;">
            a big words
        </div>