css学习记录1

最新推荐文章于 2024-07-19 14:58:51 发布

y395423755

最新推荐文章于 2024-07-19 14:58:51 发布

阅读量208

点赞数

分类专栏： css/html

本文链接：https://blog.csdn.net/y395423755/article/details/44259373

版权

css/html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这里写代码片学习CSS的目的是为了了解，不要求深入。以下为看视频记录重点。
一：标准流、非标准流。
二：盒子模型。margin（边界），padding（填充），borde（边界），content（内容）。实例box1.css，box1.html

box1.css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="box1.css"/>
    <title>box1</title>
</head>
<body>
    <div class="s1"><img src="images/2.jpg"/></div>
</body>
</html>

box1.html

body{
    border: 1px solid red; /* 给body指定*/
    width: 800px;
    height: 1000px;
    margin: 0 auto;/*auto表示左右居中*/
    padding-top: 50px;
}
.s1{
    width: 268px;
    height: 374px;
    border: 1px solid blue;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.s1 img{

}