一.html+css筆記
1. 網頁的內容由很多個標簽構成
2. 以嚴格的縮進來表示包含關系
3. head部分用來包含文件的基本信息,內容不會在網頁中顯示
4. body中包含了網頁真正顯示的內容
5. <div>為分區(qū)顯示,<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個邊框,但是加入后邊框并沒有在指定的位置。我開始以為是我的邊框設置得太大,后來把它們改小后還是沒有在指定的位置上。后來才發(fā)現是body中的<div>寫多了一個,導致大邊框與我要加進去的那四個邊框構成了并列關系而不是包含關系,刪除后問題得以解決。

