发表于： 2018-06-06 21:47:50
2 570
今天完成的事：完成了html添加样式使其成为黄色正方体，和运用float初步写出了九宫格。对盒子模型了解了一下，对这个还有点不明所以然！在画正方形的时候接触了视口，以及vw、vh并且使用这个完成了初步的九宫格，对于浮动，按照百度出的内容的理解为“就好比汽车在 公路上行驶，会存在一排，一列或者并排的形式，根据汽车的体积排列，不会有体积交叉的部分。例外的是当第一个元素(我称之为元素，不知道是否正确！）向左移动是会脱离文档流，并且遮住第二个元素使第二个元素”消失“ 我的理解还是从车出发，不过这次是停车，马路旁的侧方停车。 当1车停在道沿上时，会和后来的车重叠，重行人道上看就遮住了2车只会看到1车和3.4····车。对于浮动的设置和九宫格元素的设置还是一知半解。
明天完成的事：把前面的复习下，今天写九宫格的时候，前面的html便签，和head里面的内容都记不清了。继续学习float，以及盒子概念和常用单词的记忆。
遇到的问题：html声明在什么情况下用什么？以及开头的字符集什么的需不需要详细的写出来，什么情况下要怎么写，这可能是一个熟练度的问题，但是我很困扰。对于容器属性不熟悉，需要百度怎么写！
收获：收获了我的第一个尚未成熟的九宫格。初步使用了下chrome的F12.
这是我今天的九宫格
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="yexe/html;charset=uft-8"/>
<title>Title</title>
<style type="text/css";>.placeholder{width:30%;
height: 30vw;
background: yellow;
border: 10px black;
margin:10px;
float:left;
}
</style>
</head>
<body>
<div class="placeholder"></div>
<div class="placeholder"></div>
<div class="placeholder"></div>
<div class="placeholder"></div>
<div class="placeholder"></div>
<div class="placeholder"></div>
<div class="placeholder"></div>
<div class="placeholder"></div>
<div class="placeholder"></div>
</body>
</html>
返回列表
评论