HTML 和 CSS基礎大綱重點
HTML 和 CSS基礎
- HTML基礎
-
HTML簡介： HTML (HyperText Markup Language)：超文字標記語言
HTML 4.01——1999年12月24日，W3C推薦標準，常用標準 XHTML 1.0（可擴充套件超文字標記語言）——2000年底，W3C標準，一個過渡技術，結合了部分XML的強大功能及大多數HTML的簡單特性。 HTML 5——2014年10月28日，W3C推薦標準，最新標準 -
HTML常用標籤： -
HTML 基本文件 <!DOCTYPE html> <html> <head> <title>文件標題</title> </head> <body> 可見文字... </body> </html>
-
HTML表單 表單用於蒐集不同型別的使用者輸入，並將資料提交給伺服器 表單用標籤來建立，在開始和結束標籤之間的屬於表單的內容，單擊提交按鈕時，提交的也是表單範圍內的內容。 重要屬性 name：表單名稱 method：提交資料的方式，可取值為GET和POST中的一個，GET是將表單內容附加在URL地址後面，長度不超過8192個字元。POST不會再瀏覽器位址列中顯示提交資訊，資料長度沒有限制。 action：表單內容提交到的處理程式url
-
HTML5：新一代的HTML標準，新元素，新屬性，完全支援 CSS3，Video 和 Audio，2D/3D 製圖，本地儲存，本地 SQL 資料， WEB應用 連線特性，伺服器資料推送。 SVG 與 Canvas兩者間的區別
： SVG 是一種使用 XML 描述 2D 圖形的語言。Canvas 通過 JavaScript 來繪製 2D 圖形。SVG 基於 XML，這意味著 SVG DOM 中的每個元素都是可用的。可以為某個元素附加 JavaScript 事件處理器。在 SVG 中，每個被繪製的圖形均被視為物件。如果 SVG 物件的屬性發生變化，那麼瀏覽器能夠自動重現圖形。 Canvas 是逐畫素進行渲染的。在 canvas 中， 一旦圖形被繪製完成，它就不會繼續得到瀏覽器的關注。如果其位置發生變化，那麼整個場景也需要重新繪製，包括任何或許已被圖形覆蓋的物件。
CSS基礎
- CSS簡介
層疊樣式表（Cascading Style Sheets）
當同一個 HTML 元素被不止一個樣式定義時，優先順序為：瀏覽器預設設定<外部樣式表<嵌入樣式表<內聯樣式表
- CSS常用樣式屬性 背景屬性 文字屬性 字型屬性
- CSS選擇器 class類選擇器 用於描述一組元素的樣式，class 選擇器在HTML中以class屬性表示, 在 CSS 中，類選擇器以一個點"."號顯示：
.center {text-align:center;}
Id選擇器 為標有特定 id 的 HTML 元素指定特定的樣式，唯一 HTML元素以id屬性來設定id選擇器,CSS 中 id 選擇器以 “#” 來定義。如
#para {color:red;}
-
CSS定位 四種定位方法 Static 定位：HTML元素的預設值，即沒有定位，元素出現在正常的流中。 Fixed 定位：元素的位置相對於瀏覽器視窗是固定位置。即使視窗是滾動的它也不會移動，Fixed定位使元素的位置與文件流無關。 Relative 定位：相對元素原本應在的文件流中的位置定位 Absolute 定位：絕對定位的元素的位置相對於最近的已定位父元素，如果元素沒有已定位的父元素，那麼它的位置相對於:Absolutely定位使元素的位置與文件流無關，因此不佔據空間。
-
CSS3 CSS3 邊框 CSS3 圓角 CSS3 漸變 CSS3 文字效果 CSS3 字型
-
常見CSS框架 Bootstrap AdminLTE例項