原创 HTML5表單（下）（20160811-0011）
一、表單的其他元素 元素名稱 說明 select 生成一個下拉列表進行選擇 optgroup 對 select 元素進行編組 option select 元素中的項目 textarea 生成一個多行文本框 output 表示計算結果
2020-02-24 23:17:59
原创 HTML5表單（上）（20160809-0009）
表單元素用於獲取用戶的輸入數據。 一、表單元素總彙 元素名稱 說明 form 表示 HTML 表單 input 表示用來收集用戶輸入數據的控件 textarea 表示可以輸入多行文本的控件 select 表示用來提供一組固定的選項 op
2020-02-24 23:17:59
原创 HTML5分組元素（20160804-0004）
分組，就是用來組織相關內容的 HTML5 元素，清晰有效的進行歸類。 一、分組元素總彙 元素名稱 說明 p 表示段落 div 一個沒有任何語義的通用元素，和 span 是對應元素 blockquote 表示引用自他出的大段內容 pre 表
2020-02-24 23:17:59
原创 CSS 選擇器（上）（20160814-0014）
一、選擇器總彙 主要三種選擇器：基本選擇器、複合選擇器和僞元素選擇器。具體 選擇器 名稱 說明 CSS 版本 * 通用選擇器 選擇所有元素 2 <type> 元素選擇器 選擇指定類型的元素 1 #<id> id 選擇器 選擇指定 id
2020-02-24 23:17:59
原创 HTML5文檔結構（20160801-0001）
一、HTML5 的基本結構 [html] view plain copy print? <!DOCTYPE html> <!-- 文檔類型聲明 --> <html lang="zh
2020-02-24 23:17:59
原创 HTML5文本元素（20160802-0002）
文本元素，就是將一段文本設置成相匹配的結構和含義。HTML5 規範指出：使用元素應該完全從元素的語義出發。 一、文本元素總彙 元素名稱 說明 a 生成超鏈接 br 強制換行 wbr 可安全換行 b 標記一段文字但不強調 strong 表示
2020-02-24 23:17:59
原创 CSS 入門（20160813-0013）
HTML5 中 CSS （層疊樣式表），是用來對 HTML 文檔外觀的表現形式進行排版和格式化。 一、使用 CSS CSS 樣式由一條或多條以分號隔開的樣式聲明組成。每條聲明的樣式包含着一個 CSS 屬性和屬性值。 <p style="
2020-02-24 23:17:58
原创 CSS 背景（20160822－0022）
盒模型的尺寸可以通過兩種方式實現可見性，一種是邊框，另一種就是背景。 一、設置背景 CSS 背景設置的樣式表： 屬性 值 說明 CSS 版本 background-color 顏色 背景的顏色 1 background-image no
2020-02-24 23:17:48
原创 CSS 邊框（20160821-0021）
一、聲明邊框 邊框的聲明有三個屬性設置，樣式表如下： 屬性 值 說明 CSS 版本 border-width 長度值 設置邊框的寬度，可選 1 border-style 樣式名稱 設置邊框的樣式，必選 1 border-color 顏色
2020-02-24 23:17:48
原创 CSS 顏色與度量單位（20160816-0016）
一、顏色表方案 顏色的表現形式主要有三種方式：顏色名稱、十六進制代碼和十進制代碼。 p{ color: red; } p{ color: #ff0000; } p{ color: rgb(255,0,0); } 解釋：將一個段落內的
2020-02-24 23:17:48
原创 CSS 盒子模型（上）（20160819-0019）
CSS 框模型規定了元素框處理元素內容、內邊距、邊框、外邊距的方式。 CSS 框模型概述 元素框的最內部分是實際的內容，直接包圍內容的是內邊距；內邊距呈現了元素的背景，內邊距的邊緣是邊框；邊框以外是外邊距，外邊距默認是透明的，因此不會遮
2020-02-24 23:17:48
原创 CSS3 彈性伸縮佈局（上）（20160905-0036）
一、佈局介紹 CSS3 提供一種嶄新的佈局方式：Flexbox 佈局，即彈性伸縮佈局模型（Flexible box）。用來提供一個更加有效的方式實現響應式佈局。但是用於這個佈局方式還處於 W3C 的草案階段，並且它還分爲舊版本、新版本以及
2018-08-23 16:53:08
原创 CSS3 動畫特效（20160901-0032）
一、動畫簡介 CSS3 提供了類似 Flash 關鍵幀控制的動畫效果，通過 animation 屬性實現。那麼之前的 transition 屬性只能通過指定屬性的初始狀態和結束狀態來實現動畫效果，有一定的侷限性 animation 實現動
2018-08-23 16:53:08
4
原创 HTML5編程（任務四 定位和居中問題）（20160911-0042）
任務四 定位和居中問題 任務描述： （1）實現如示例圖（點擊打開）的效果 （2）灰色元素水平垂直居中，有兩個四分之一圓位於其左上角和右下角。 示例代碼地址
2018-08-23 16:53:08
1
原创 HTML5編程（任務五 零基礎HTML及CSS編碼（二））（20160912-0043）
任務五 零基礎HTML及CSS編碼（二） 任務描述： （1）基於第一個任務“零基礎HTML編碼”的代碼，參考示例圖（點擊查看），在步驟一的代碼基礎上增加css樣式代碼的編寫； （2）頭部和底部的黑色區域始終是 100% 寬； （3）頁面右
2018-08-23 16:53:08
4