发表于： 2020-05-25 23:10:58
1 1464
编辑日报内容..今天完成
学习了html的元素和标签
CSS的盒子模型，尝试写了一下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
div {
background-color: lightgrey;
width: 300px;
border: 25px solid green;
padding: 25px;
margin: 25px;
}
</style>
</head>
<body>
html文件中的Doctype意为使用H5标准。
inline元素，意为内联元素，一般有a/span/ba/i/strong等标签。
特点，和其他元素都在一行上，直到一行排列不下，再换另一行；
元素的高度，宽度，以及顶部和底部边距不可设置，只与元素本身有关；
元素的宽度就是它包含文字或者图片的宽度，不可改变。
block元素，意为块状元素，一般有p/div/h1/table等标签。
特点，每个块级元素都是从新的一行开始；
元素的宽度，高度以及顶部和底部边距都可以设置；
宽度不设置，默认为父系容器的100%。
inline-block元素，为行内和块状的结合元素，一般有img/input标签。
特点，同时具备内联元素和块状元素的特点；
和其他元素都在一行上，高度，宽度，顶部和底部边距可以设置。
为何使用div
任务为九宫格，初始应设块状元素。
明日目标：搞定九宫格
返回列表
评论