CSS外部样式示例

最新推荐文章于 2024-04-12 02:57:04 发布

原创最新推荐文章于 2024-04-12 02:57:04 发布 · 3.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#CSS外部样式示例

CSS外部样式示例专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的HTML页面如何使用外部CSS文件进行样式设置。通过一个具体的例子展示了如何为特定元素设置样式，包括颜色和字体大小。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/01.css"/>
    <title></title>
</head>
<body>
<!--3：外部样式  推荐写法 样式可以复用，做到了样式和文件分离--><!--new stylesheet：01.css-->
<p>
    电脑<span id="price" >1</span>元起
</p>

</body>
</html>


其中，link的01.css中包含
#price{
            color: red;
            font-size: 50px;
        }
例如：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style type="text/css">/*type可写可不写，为了优化*/
        #price{
            color: red;
            font-size: 50px;
        }
    </style>
    <title>css样式表</title>
</head>
<body>
</body>
</html>