前端基础笔记-CSS-01-css引入、基础选择器、字体样式

最新推荐文章于 2024-07-05 14:51:32 发布

今天也很想吃泡椒牛蛙

最新推荐文章于 2024-07-05 14:51:32 发布

阅读量357

点赞数

分类专栏：前端基础笔记--html&&css 文章标签： css html

本文链接：https://blog.csdn.net/mkx2723/article/details/107493985

版权

css引入的三种方式

直接在标签里写style属性的值即可，书写方便。缺点是结构与样式没有分离，每个标签的样式都要写一遍，非常麻烦。
例：

<body>
    <h1 style="color:red; ">文本内容</h1>
</body>

在head标签中写style标签，有固定的格式。这样简化了样式的写法，但还是没有做到结构与样式的完全分离。
在这里插入图片描述

建立一个新的文件.css，样式全部都写在css文件里，然后在HTML文件中用link标签引用。这样就可以做到结构与样式完全分离。
在这里插入图片描述
文件列表：

在html文件中引用css：

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/CSS" href="05.css"/>
</head>
<body>
    <h1>css样式</h1>
</body>
</html>

1.标签选择器
不能使标签差异化，所有的同类标签都会是一种样式。

<style>
    标签名称 {
   
        属性1&#x

关注