html和body标签(1)

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<style>
我在style里
* {
  margin: 0;
  padding: 0;
  border: 0;
}

html{
    /*红色背景*/
    background-color: rgb(255,0,0);
    /*深灰色边框*/
    border: 3px solid rgb(75, 75,75);
    /*使body和html的边框有10px内边距*/
    padding:10px;
    /*html盒子和客户区上边界的距离*/
    margin-top: 20px;
    /*html盒子和客户区左右边界的距离*/
    margin-left: auto;
    margin-right: auto
}

body{
    /*绿色背景*/
      background-color: rgb(0,255,0);

}
</style>
我在head里
</head>
我在html盒子里
<body>
    我在body里
</body>
</html>
我在html之外

按F12观察代码后发现,浏览器除了<style>标签内的中文以外,将<body>之外的中文都移动到了<body>标签内

posted @ 2017-06-23 11:03  WebNewer  阅读(156)  评论(0编辑  收藏  举报