接下来整下css

css学习

布局的位置

css文件可以通过外部的文件进行导入

<link rel="stylesheet" href="css/index.css">

当然，也可以嵌入html网页当中

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

<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>Document</title>
</head>

<body>
    我是网页的内容模块
    <style>
        /* 我是css的嵌入块 */
    </style>
</body>

</html>

这种嵌入的模块可以放在网页的任何地方，不过推荐写在 < head > 标签里面。
较多代码的时候，推荐模块化的导入的，降低网页的复杂程度。

一些常见的css样式

/* 某个类 */
.box {
    /* 背景色 */
    background-color: red;
    /* 背景图片位置 */
    background-position: center center;
    /* 背景图片是否重复 */
    background-repeat: no-repeat;
    /* 背景图 */
    background-image: url(相对的位置链接地址);
}