今天主講講解了三點：
1斟湃、文章布局中中剩余的幾個知識點：
- 清除默認邊距熏迹；
- 還原字體和字號等；
- 浮動元素凝赛；
2注暗、網頁布局中第二種方式：浮動流坛缕；
3、自學標簽：
- placeholder（input-text配套使用）
- bdo標簽
- big標簽
- blockquote+cite標簽
- canvas標簽（配合js使用）
·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·…·…
一捆昏、清除默認內邊距：目的：為了更好的排版赚楚；
- 方法1：使用通配符*
格式：
*{
margin: 0;
padding: 0;
}
- 方法2：這種寫法相對于使用通配符，可以弱弱的提高網頁響應性能骗卜；
格式：
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;padding:0
·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·…·…
- 還原字體和字號等直晨；
這里的行高和字號其實是指100%區(qū)模擬一個網頁上的文字的排版，包括了行高膨俐、字號勇皇、字體等元素。這里其實就是將需要模仿的網頁截圖焚刺，然后通過firefox軟件敛摘，然后自己輸入字體，慢慢調整將原來的內容恰好覆蓋乳愉。
·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·…·…
二兄淫、浮動流：
1.標準流(文檔流/普通流)排版方式
1.1其實瀏覽器默認的排版方式就是標準流的排版方式
1.2在CSS中將元素分為三類, 分別是塊級元素/行內元素/行內塊級元素
1.3 在標準流中有兩種排版方式, 一種是垂直排版, 一種是水平排版
垂直排版, 如果元素是塊級元素, 那么就會垂直排版
水平排版, 如果元素是行內元素/行內塊級元素, 那么就會水平排版
2.浮動流排版方式
2.1浮動流是一種"半脫離標準流"的排版方式
2.2浮動流只有一種排版方式, 就是水平排版. 它只能設置某個元素左對齊或者右對齊
注意點:
1.浮動流中沒有居中對齊, 也就是沒有center這個取值
2.在浮動流中是不可以使用margin: 0 auto;
特點:
1.在浮動流中是不區(qū)分塊級元素/行內元素/行內塊級元素的
無論是級元素/行內元素/行內塊級元素都可以水平排版
2.在浮動流中無論是塊級元素/行內元素/行內塊級元素都可以設置寬高
3.綜上所述, 浮動流中的元素和標準流中的行內塊級元素很像
浮動元素的特點：
排序規(guī)則：
1.浮動元素排序規(guī)則
1.1相同方向上的浮動元素, 先浮動的元素會顯示在前面, 后浮動的元素會顯示在后面
1.2不同方向上的浮動元素, 左浮動會找左浮動, 右浮動會找右浮動
1.3浮動元素浮動之后的位置, 由浮動元素浮動之前在標準流中的位置來確定
貼靠現象：
1.什么是浮動元素貼靠現象?
1.如果父元素的寬度能夠顯示所有浮動元素, 那么浮動的元素會并排顯示
2.如果父元素的寬度不能顯示所有浮動元素, 那么會從最后一個元開始往前貼靠
3.如果貼靠了前面所有浮動元素之后都不能顯示, 最終會貼靠到父元素的左邊或者右邊
字圍現象：
浮動元素不會擋住沒有浮動元素中的文字, 沒有浮動的文字會自動給浮動的元素讓位置,這個就是浮動元素字圍現象
·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·…·…
三、自學標簽：
3.1 placeholder：用于在input的text中預先填寫一個內容蔓姚，提醒用戶這里輸入內容的方向捕虽。
3.2 bdo標簽的使用：
格式：
<bdo dir="rtl">Here is some text</bdo>
取值：
字體順著寫，和字體反著寫：取值有兩個：rtl和ltr
3.3 big標簽：<big></big>坡脐，可以多層嵌套泄私，比如兩層嵌套：<big><big></big></big>，這個標簽各個瀏覽器都支持备闲，不過已經棄用晌端。
3.4 blockquote+cite標簽作用：
<blockquote cite="http://www.wwf.org">
WWF's ultimate goal is to build a future where people live in harmony with nature.
</blockquote>
作用：
blockquote 與 /blockquote之間的所有文本都會從常規(guī)文本中分離出來，經常會在左恬砂、右兩邊進行縮進（增加外邊距）咧纠，而且有時會使用斜體。
cite：
用 cite 標簽把指向其他文檔的引用分離出來泻骤，尤其是分離那些傳統(tǒng)媒體中的文檔漆羔，如書籍、雜志狱掂、期刊演痒，等等。如果引用的這些文檔有聯機版本符欠，還應該把引用包括在一個 a標簽中嫡霞，從而把一個超鏈接指向該聯機版本。cite 標簽還有一個隱藏的功能：它可以使你或者其他人從文檔中自動摘錄參考書目希柿。我們可以很容易地想象一個瀏覽器诊沪，它能夠自動整理引用表格养筒，并把它們作為腳注或者獨立的文檔來顯示。<cite> 標簽的語義已經遠遠超過了改變它所包含的文本外觀的作用端姚；它使瀏覽器能夠以各種實用的方式來向用戶表達文檔的內容晕粪。
（cite沒看懂）
- 3.5canvas標簽：
例子格式：用于獲得一個長80高100的矩形。
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
擴展了解：API
api就是接口渐裸，html里面的api也不例外巫湘，也是些編程接口，是你訪問一些編碼指令和一些標準的一個接口一個集合昏鹃，就跟插座一樣尚氛，是電和電器的一個接口。比如html5里面的canvas洞渤，是繪圖的一個api阅嘶，html5獲取地理位置的api，即時通信的api载迄，文件讀取api等等讯柔，通過這些api來訪問標準里面的指令編碼，來操縱相應的操作护昧。
canvas 標記和 SVG 以及 VML 之間的差異：
canvas 標記和 SVG 以及 VML 之間的一個重要的不同是魂迄，<canvas> 有一個基于 JavaScript 的繪圖 API，而 SVG 和 VML 使用一個 XML 文檔來描述繪圖惋耙。
這兩種方式在功能上是等同的捣炬，任何一種都可以用另一種來模擬。從表面上看怠晴，它們很不相同遥金，可是，每一種都有強項和弱點蒜田。例如，SVG 繪圖很容易編輯选泻，只要從其描述中移除元素就行冲粤。
要從同一圖形的一個 <canvas> 標記中移除元素，往往需要擦掉繪圖重新繪制它页眯。
