Week1前端学习

一．html+css笔记

1. 网页的内容由很多个标签构成

2. 以严格的缩进来表示包含关系

3. head部分用来包含文件的基本信息，内容不会在网页中显示

4. body中包含了网页真正显示的内容

5. <div>为分区显示，<img>为图片，<center>居中，<title>在head中表示网页的总标题

6. style可以控制图片大小，对齐方式和边框宽度用法为< img src=”图片名称” style=”width:xx px;height: xx px;”>

7. CSS:把标签的所有style属性都写在CSS文件里

8. 需要在CSS文件中加入全局变量*{margin: 0;padding: 0;}把页面最上边的缝隙去除

二．运用

1. 简单页面布局

在原设计的基础上往中间加了四个边框

2. Html+css的运用

Task2的源代码中把style属性都放在html文件中，我新建了一个css文件，把style属性都放到了css文件中。

三．问题解决

1.打算加入4个边框，但是加入后边框并没有在指定的位置。我开始以为是我的边框设置得太大，后来把它们改小后还是没有在指定的位置上。后来才发现是body中的<div>写多了一个，导致大边框与我要加进去的那四个边框构成了并列关系而不是包含关系，删除后问题得以解决。