发表于: 2018-08-30 23:10:55

1 631


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 
今天复习了一下之前学的一些东西,像HTML;的一些标签进行了复习,像块级标签

还有行内标签,块级标签有着独占一行的作用的,可以设置宽高,而且写完写第二个

块级标签的时候是会换行的,除非去用display:inline去进行转换的话就可以像行内

元素那样。并排成行了。不过行内元素是不可以设置宽高的,除非也进行一次转换

就设置display:block就可以设置成块级元素了,块级元素是可以在里面包括很多东西

的,也可以包括行内元素和另一个新的块级元素,不过行内元素就不可以去包括块级、

元素了。

在标准盒子模型中。宽度和高度指的是内容区域的宽度和高度,增加了宽度

和高度的话,那么标准盒子的内边距和外边距还有边框是不会收到影响的。

那么IE盒子模型正好相反,它的宽度和高度指的是内容区域加上内边距和边框的宽度和高度。



明天计划的事情:(一定要写非常细致的内容) 
明天我计划任务四的规划,和尝试写一些,还有去一下关于HTML5的东西,还有语义化标签的

以及HTML的表单

遇到的问题:(遇到什么困难,怎么解决的) 
我遇到了

我的代码是这样的

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel = "stylesheet" type = "text/css" href = "task4.css">
</head>
<body>
<div class="one"><p>关闭</p></div>
</body>
</html>



html{

width: 720px;
height: 1280px;
background-color: #eff0f4
}
body{
padding: 0;
margin: 0;
}
p{
margin: 0;
}
.one{
width: 720px;
height: 88px;
padding: 0px;
margin: 0px;
background-color: #5fc0cd;
}
p{
color: white;
font-size: 20px;
padding-top:28px;
padding-left: 31px;
}

我的代码是这样的,我本来打算使用P标签在里面写上关闭,登陆,注册三个的,不过发现如果都写进去的话,就没办法去设置一下居中和贴边的问题了,我今天还遇到了我设置整个边框的问题,就是无法贴边, 我设置了一下就把边距和外边距给设置为0了,可是如果我使用P标签的话也要把它设置成0,如果继续使用标签的话,那也就是说还要设置成0,我在考虑要不要用通配符。或者我去用行内标签去书写剩下的两个词语把

收获:(通过今天的学习,学到了什么知识)

我今天温故而知新,去收获了一些关于header的东西,知道了这个是HTML5的一个新的标签,还有它和head是分开的,就是语义化不太清楚


返回列表 返回列表
评论

    分享到