1、塊級元素和行內(nèi)元素
- 布局時可以給每個模塊加上邊框醫(yī)便于分析让虐，最后可以去掉
- 行內(nèi)元素的代碼換行相當于內(nèi)容的空格紊撕，不換行則會緊挨著〕胃桑空格也會展示成空格
- 塊級元素占據(jù)其父元素（容器）的整個空間逛揩，因此創(chuàng)建了一個“塊”。
- 塊級元素只能出現(xiàn)在<body>元素內(nèi)
- 塊級元素與行內(nèi)元素的區(qū)別：
（1）格式：默認情況下麸俘，塊級元素會新起一行辩稽；行內(nèi)元素不會以新行開始
（2）內(nèi)容模型：一般塊級元素可以包含行內(nèi)元素和其他塊級元素。這種結(jié)構(gòu)上的包含繼承區(qū)別可以使塊級元素創(chuàng)建比行內(nèi)元素更”大型“的結(jié)構(gòu)从媚。 -
下面的元素都是行內(nèi)元素
2逞泄、display屬性
-
display 屬性規(guī)定元素應該生成的框的類型。
display的值
3拜效、盒模型
- 描述了元素所占空間的內(nèi)容喷众。每個盒子有四個邊：外邊距邊, 邊框邊, 內(nèi)填充邊 與 內(nèi)容邊。
- 內(nèi)容區(qū)域content area ：是包含元素真實內(nèi)容的區(qū)域紧憾。它通常包含背景到千、顏色或者圖片等，位于內(nèi)容邊界的內(nèi)部赴穗，它的大小為內(nèi)容寬度 或 content-box寬及內(nèi)容高度或content-box高憔四。
4、浮動布局
- float
5般眉、居中對齊
- 一般左右兩邊同時設置auto就能居中了赵，如下
margin-left:auto;
margin-right:auto;
可簡寫為：
margin:0 auto;//前面的數(shù)字表示上下的邊距，后面的數(shù)字表示左右邊距
6甸赃、量尺寸
- 一般可以用開發(fā)者工具選中某一塊得知柿汛，還可以用谷歌瀏覽器的截圖工具。
本章作業(yè)
1埠对、我們的HTML使用了 < > “ 等特殊符號络断，那如果我要在內(nèi)容中輸出這些符號怎么辦呢裁替？
答：使用符號< < > >
2、在HTML中貌笨，打上多個空格也只能輸出一個空格的寬度胯究，那如何才能輸出多個空格呢？
答：①我們可以用預格式化標簽<pre>躁绸，無論是空格或空行都適用。
②我們可以用空格實體符 代替空格臣嚣，用換行標簽
代替空行净刮。
③全角空格被解釋為漢字，所以不會被被解釋為HTML分隔符硅则，可以按照實際的空格數(shù)顯示淹父。
3、查文檔怎虫，學習pre標簽是什么暑认，可用在什么地方，你可以在真實的網(wǎng)站上找到案例嗎大审？
答：<pre> 標簽可以保留您需要的文本格式蘸际，比如不會取消換行和空格，并且所示文本是等寬的徒扶；
<pre> 元素是塊級元素粮彤，但是只能包含文本或行內(nèi)元素，任何塊級元素姜骡；
<pre> 標簽的一個常見應用就是用來表示計算機的源代碼导坟。
4、查文檔圈澈，學習em標簽的語義惫周，嘗試在真實的網(wǎng)站上找到一兩處應用場景。
答：em></em>標簽（html em強調(diào)標簽）告訴瀏覽器把其中的文本表示為強調(diào)的內(nèi)容康栈。對于所有瀏覽器來說递递，這意味著要把這段文字用斜體方式呈現(xiàn)給大家顯示，這個與html I斜體標簽相同效果谅将。
1）漾狼、<em> 標簽修飾的內(nèi)容都是用斜體字來顯示，但這些內(nèi)容也具有更廣泛的含義,如果你只想使用斜體字來顯示文本的話饥臂，請使用 <i> 標簽逊躁。除此之外，文檔中還可以包括用來改變文本顯示的級聯(lián)樣式定義隅熙。
2）稽煤、em定義內(nèi)容強調(diào)作用
3）核芽、EM標簽默認斜體特殊樣式可以使用CSS樣式來初始化，我們將在后面文章中介紹如何確定em強調(diào)標簽自有樣式酵熙。
em有如下特點：
1. em的值并不是固定的;
2. em會繼承父級元素的字體大小轧简。
