1. 程式人生 > >5.4心得

5.4心得

ora 出現紅叉 過程 one erl 鼠標 是否 顯示 會有

1、音頻和視頻標簽
音頻:audio
視頻:video

2、背景圖片和插入圖片的區別
1.寫在css裏面的圖片是以背景圖形式存在的,而寫在html裏的img是以標簽形式存在的,在網頁加載的過程中,以css背景圖存在的圖片會等到結構加載完成(網頁的內容全部顯示以後)才開始加載,而html裏的img標簽是網頁結構(內容)的一部分會在加載結構的過程中加載。

2.通常是非內容的圖片就寫在css裏面(用來修飾頁面的元素),如果是內容性的圖片就寫在html裏面,
打個比方,你要做一個有漂亮邊框的相冊。那麽修飾邊框的圖片就寫在css裏面,相框裏面的內容照片就寫在html裏面。

3.圖片做為背景,在圖片沒加載的時候或者加載失敗的時候,不會有個圖片的占位標記,不會出現紅叉。

3、為什麽同一個代碼,在不同瀏覽器顯示方式不一樣
各瀏覽器解譯網站代碼的方式略有不同,這意味著您的網站在不同瀏覽器中顯示的效果會有所差異。一般情況下,您應避免依賴於瀏覽器特定的行為,例如在未指定內容類型或編碼的情況下,希望瀏覽器可以正確檢測到相應的內容類型或編碼。

4、<style>

a{text-decoration:none}(這裏為什麽不能加“;”)
a:hover{color:red}
</style>
html裏a鏈接可以使用css設置為:默認不顯示下劃線,鼠標移到上方顯示下劃線:
<style>
a:link{text-decoration:none;}
a:hover{text-decoration:underline;}
</style>
如果把直接在a標簽內寫樣式像這樣:<a style="text-decoration:none;">

現在想把”hover{text-decoration:underline;}“這一項也直接放在標簽內的style裏,該如何寫?

以下是不成功的:
<a style="text-decoration:none; hover{TEXT-DECORATION:underline};"> 無論鼠標是否在上面都無下劃線
<a style="link{text-decoration:none}; hover{TEXT-DECORATION:underline}; "> 仍舊默認顯示下劃線,鼠標過來消失

5.4心得