html 標記分類字幕,css3新特性
阿新 • • 發佈：2021-05-13
文章目錄
為什麼html有容錯性呢？
曾經嘗試過規範，結果xhtml成為了笑話。w3c
然後就有了html5
所以<!DOCTYPE html>是使成為一個html5文件。
標記分類
-
分段標記：p
-
換行標記：br
-
標題標記 h
-
對中標記：center
-
塊標記：div
-
水平線標記：hr
-
固定字型標記：粗體
-
多媒體標記：img
-
背景音樂標記：bgsound
-
表格標記
-
字幕標記
<marquee></marquee> -
表單標記：form,自帶檢驗屬性
-
超連結,，描述影象（<a <img ），檔案連結（用於跳轉），
-
錨點連結，用於跳轉本頁面，
<a name='xxx'>xx</a><a href='#xxx'>dd</a> -
設計框架：
將文件分為若個窗格，如frame
框架集 frameset ，
有安全問題，用xframe 限定。
css
樣式有三種，優先順序。
挑選元素應用樣式的，叫選擇器，有很多種。標記符{規則表}
定義方法
- 內聯style=’’’’
<style></style>- 檔案中定義，
<link>標籤 rel type href - css @import宣告匯入
偽類
如 a:hover {color:red}
樣式繼承和作用順序
樣式繼承
子繼承父。如：被包含的就是子標記，包含的是父標記。
作用順序
1. 內聯最高
2. 按出現在html中或者被引用的順序，出現越晚，就越高。
3. 選擇符從高到低：上下文選擇符、類選擇符、id選擇符
4. 沒有則預設樣式
5. !important。強行覆蓋樣式。不建議用。
css屬性
- 字型屬性：如font-style是風格
- 顏色與背景：如background-attachment：指定背景是否與頁面一起動。預設scroll
- 文字屬性：letter-spacing 字元之間距離。常用的有text-align:justify 排列方式公平。vertical-align,垂直排列。text-indent 縮排。
- 列表屬性：list-style-type：空心圓。實體圓之類的。小寫還是大寫之類 的，還是list-style-img，影象作為專案號。懸掛縮排還是 position
- 方框屬性：margin (html檔案內容與塊元素的距離)、padding （html檔案內容與邊框距離 ）border 邊界樣式，
- 定位屬性：z-index 堆疊層。top left positon
css3
新特性：
-
不靠圖片可以實現陰影之類的。 - 盒容器變形。2D,3D
- 獨一無二的字型。@font-face。可以使用伺服器的字型，而是不靠使用者
- 強大選擇器：新增了10個選擇器，多是偽類與屬性選擇器
- 過渡與動畫：平滑，不需要flash或者js
- 媒體資訊查詢：得到使用者裝置資訊。用於調整樣式
- 多列布局：彈性容器佈局，像報紙哪樣。
毫無疑問選擇html5+css3