原创 平凡前端之路_05.CSS與CSS3

文章目錄什麼是CSS?CSS 發展什麼是CSS3?CSS3 新特性插入樣式表外部樣式表內部樣式表內聯樣式多重樣式表優先級CSS 語法選擇器聲明屬性屬性的值樣式層疊樣式繼承CSS 知識題 什麼是CSS? HTML 雖然規定了網頁中的

原创 平凡前端之路_06.CSS與CSS3的選擇器

文章目錄CSS 選擇器基礎的選擇器複雜的選擇器屬性選擇器僞元素選擇器動態僞類選擇器結構僞類選擇器CSS3 選擇器複雜的選擇器屬性選擇器僞元素選擇器目標僞類選擇器狀態僞類選擇器結構僞類選擇器否定僞類選擇器CSS 選擇器權重CSS 選

原创 平凡前端之路_03.HTML5的音頻視頻多媒體

文章目錄HTML5音頻視頻HTML5音頻HTML5視頻HTML5音頻視頻常用屬性HTML5音頻視頻常用方法HTML5音頻視頻常用事件HTML5音頻視頻特殊屬性瀏覽器不支持音頻視頻自動播放的解決方案HTML5自適應的圖片策略~~使用

原创 平凡前端之路_07.CSS3的視覺效果

文章目錄CSS3的視覺效果圓角 - border-radius盒子陰影 - box-shadow半透明 - opacity文字效果文字陰影 - text-shadow文字溢出 - text-overflow漸變背景線性漸變 -

原创 平凡前端之路_02.HTML5的Canvas

文章目錄什麼是Canvas?創建 Canvas 元素通過 JavaScript 來繪製canvas的座標canvas的顏色、樣式和陰影canvas的線條樣式canvas的路徑canvas的矩形canvas的轉換canvas的文本c

原创 平凡前端之路_10.彈性盒佈局

文章目錄彈性盒子flex 容器指定主軸方向 - flex-direction指定單行或者多行 - flex-wrap簡寫:主軸方向和單行或者多行 - flex-flow指定主軸上的對齊方式 - justify-content指定項

原创 平凡前端之路_09.可變更的盒模型與多列布局支持

文章目錄盒子的組成標準盒子模型 - content-boxIE盒子模型 - border-box指定盒子模型 - box-sizing多列布局多列中列數量 - column-count多列中列寬度 - column-width簡寫

原创 平凡前端之路_08.CSS3的背景效果

文章目錄CSS3的背景效果指定背景圖像 - background-image指定背景的大小 - background-size指定背景的起始位置 - background-origin指定背景的繪製區域 - background-

原创 平凡前端之路_07.CSS的盒子模型

文章目錄盒子的組成外邊距(margin)內邊距(padding)邊框(border)標準盒子模型(content-box)IE盒子模型(border-box)指定盒子模型拓展:輪廓(outline)CSS 知識題 CSS 假定所有

原创 平凡前端之路_04.HTML5的新增常用API

文章目錄FileReader對象Web存儲querySelectorid/name屬性元素拓展classListHTML 知識題 FileReader對象 使用FileReader對象可以在客戶端讀取文件上傳域所選擇的文件內容。

原创 平凡前端之路_01.HTML與 HTML5

文章目錄什麼是HTML?HTML發展HTML結構HTML標籤HTML元素文檔類型聲明什麼是 HTML5?HTML 與 HTML5 的差異HTML 知識題 什麼是HTML? HTML 語言用於描述網頁。 – HTM

原创 前端學習_12.JavaScript Math對象

文章目錄JavaScript Math對象定義常用屬性常用方法常用實例 JavaScript Math對象 定義 Math 對象用於執行數學任務。 常用屬性 屬性 描述 PI 返回圓周率(約等於3.14159)。

原创 前端學習_11.Javascript 循環

文章目錄JavaScript 循環For 循環For/In 循環While 循環Do/while 循環數組ForEach 循環 JavaScript 循環 JavaScript 支持不同類型的循環: for - 循環代碼塊一定的次

原创 前端學習_10.Javascript Date對象

文章目錄JavaScript Date對象定義創建常用方法推薦moment下載安裝日期格式化中文支持 JavaScript Date對象 定義 Date 對象用於處理日期與時間。 創建 創建Date 對象: new Date()

原创 前端學習_09.Javascript BOM

文章目錄JavaScriptBOMBOM內置函數計時器 JavaScript BOM 定義 Borwse Object Model 瀏覽器對象模型 DOM:操作當前文檔中的節點 BOM:操作當前瀏覽器本身的一些屬性 Wind