5.12隨筆
1.內聯元素和塊元素
內聯元素：p、 div、 h1~h6
塊元素：span、a
區別：內聯元素占空間全部寬度，自動換行；
塊元素必須首先設置其相應的寬度，不會自動換行。
2.兩者的相互轉換
a.diaplay:inline;
內聯元素轉化為塊元素，即將p元素設置占同一行，中間不顯示換行。
代碼如下：
<style>
p {display:inline;}
</style>
<body>
<p> display屬性的值為 "inline"的結果</p>
<p>兩個元素之間沒有距離.</p>
</body>
b.display:block;
塊元素轉化為內聯元素，即將span元素設置為自動換行。
代碼如下：
<style>
span {display:block;}
</style>
<body>
<span> display屬性的值為 "block"的結果</span> <span>兩個元素之間有換行符距離.</span>
</body>
在標準文檔流裏面，塊級元素具有以下特點： ①總是在新行上開始，占據一整行； ②高度，行高以及外邊距和內邊距都可控制； ③寬帶始終是與瀏覽器寬度一樣，與內容無關； ④它可以容納內聯元素和其他塊元素。 行內元素的特點： ①和其他元素都在一行上； ②高，行高及外邊距和內邊距部分可改變； ③寬度只與內容有關； ④行內元素只能容納文本或者其他行內元素。 不可以設置寬高，其寬度隨著內容增加，高度隨字體大小而改變，內聯元素可以設置外邊界，但是外邊界不對上下起作用，只能對左右起作用，也可以設置內邊界，但是內邊界在ie6中不對上下起作用，只能對左右起作用
HTML網頁中插入視頻各種方法
現在如果要在頁面中使用video標簽，需要考慮三種情況，支持Ogg Theora或者VP8（如果這玩意兒沒出事的話）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。好吧，現在讓我們從技術層面來認識HTML 5的視頻，包括video標簽的使用，視頻對象可以用到的媒介屬性和方法，以及媒介事件。
Video標簽的使用
Video標簽含有src、poster、preload、autoplay、loop、controls、width、height等幾個屬性， 以及一個內部使用的標簽。Video標簽內除了可以包含標簽外，還可以包含當指定的視頻都不能 播放時，返回的內容。
(1) src屬性和poster屬性
你能想象src屬性是用來幹啥的。跟標簽的一樣，這個屬性用於指定視頻的地址。而poster屬性用於指定一張圖片，在當前視頻數據無效時顯示（預覽圖）。視頻數據無效可能是視頻正在加載，可能是視頻地址錯誤等等。
<videowidth="658" height="444" src="http://www.youname.com/images/first.mp4" poster="http://www.youname.com/images/first.png" autoplay="autoplay">video>
(2) preload屬性
這個屬性也能通過名字了解用處，此屬性用於定義視頻是否預加載。屬性有三個可選擇的值：none、metadata、auto。如果不使用此屬性，默認為auto。
5.12隨筆