自学html第三天

小老虎的小小白

已于 2024-08-29 11:03:56 修改

阅读量161

点赞数 3

分类专栏： html 文章标签： html 前端

于 2024-08-29 11:03:14 首次发布

本文链接：https://blog.csdn.net/qq_42404495/article/details/141673368

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

学习记录

写一个网站，先新建1.html，1.css(把样式全写里面)，用ps切片把做好的网站效果图切成上中下三部分，然后记录尺寸

代码

1.html

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="1.css" >
  <title>网站设计</title>
 </head>
 <body>
 <div class="head" ></div>
 <div class="medium"></div>
 <div class="bottom"></div>

 </body>
</html>

1.css

*{margin: 0;padding: 0;}//去掉边缘缝隙，整体布局
.head{
  height: 462px;
  width: 1920px;
}

.medium{
    height: 2104px;
    width: 1920px;
}
.bottom{
    height: 379px;
    width: 1920px;
}