CSSS 03——其他一些有的没的

Posted 2021-05-26 随风铃动的尛善

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSSS 03——其他一些有的没的相关的知识，希望对你有一定的参考价值。

镇楼图

Pixiv:こたろう

一、CSS引入方式

要引入CSS有三种方式，分别是行内式（行内样式表）、嵌入式（内部样式表）、链接式（外部样式表）

①嵌入式

这个就是一开始我们所使用的，把所有的样式表写进一个<style>标签中，一般情况我们会将style写在<head>标签中

②行内式

这种方式我们将样式写进了一个标签内，这样可以更灵活地引入CSS

例如

<div style="color:pink;font-size:20px">
    ...
</div>

③链接式

这种方式完全地将html和CSS分离了，我们可以专门写一个CSS文件，在HTML代码中去调用。这也是常用的一种引入方式。

/*---style_index.css---*/

div {
    color: pink;
    font-size: 20px;
    text-align: center;
}

<!--index.html-->

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style_index.css">
    <!--
	link可以用来引入css，
	rel指定引入的是style
	href指定css的文件位置
	-->
    <title>test</title>
</head>

<body>
    <div>
        123456789
    </div>
</body>

</html>