藍鷗零基礎學習HTML5—html+css基礎

標籤：html5 藍鷗

藍鷗零基礎學習HTML5—html+css基礎

• 650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/87/40/wKioL1fZAN3ABGnXAAHQi-M_res626.png-wh_500x0-wm_3-wmp_4-s_1737966660.png" title="QQ圖片20160914154743.png" alt="wKioL1fZAN3ABGnXAAHQi-M_res626.png-wh_50" />
  

• 一、課程目標

• 1、瞭解前端開發職位；2、掌握常用標籤以及語義及用法；3、掌握常用css的特性，掌握基礎布局技巧；4、掌握整站規劃概念。

• 二、適用人群

• 零基礎積極學習html5者

• 三、課程簡介

• 本課程主要講解了 html+css的基礎知識，包括html模板、標籤、css基礎樣式、布局、表格表單、整站等等，是進行前端開發的基礎。Html+css是前端開發的基礎，大部分前端開發工程都需要從html+css布局開始，html+css的基礎非常重要，是前端開發的開端，知識點很多很雜，本課程從最基礎的前端認知、工具和外掛程式等安裝開始，由淺入深，適合零基礎的人群學習

• 四、課程大綱

• 第一章　零基礎學習HTML5—HTML+CSS基礎視頻教程 29課時 10小時3分鐘

• 1前端認知22:40

• 本節課我們主要學習前端認知，前端核心語義簡介

• 
  

• 2前端工具安裝26:42

• 本節課我們主要學習工具安裝、外掛程式安裝

• 
  

• 3html模板14:06

• 本節課我們主要學習html模板建立

• 
  

• 4css基礎樣式（上）20:49

• 本節課我們主要學習css引入、選取器

• 
  

• 5css基礎樣式（中）18:56

• 本節課我們主要學習 優先順序

• 
  

• 6css基礎樣式（下）26:14

• 本節課我們主要學習width height background

• 
  

• 7CSS的基礎樣式-border17:01

• 本節課我們主要學習border的設定,圓角的設定

• 
  

• 8CSS的基礎樣式-padding17:47

• 本節課我們主要學習padding的設定，padding複合樣式的寫法

• 
  

• 9CSS的基礎樣式-margin18:12

• 本節課我們主要學習margin的設定，margin複合樣式的寫法

• 
  

• 10CSS的基礎樣式-盒模型13:44

• 本節課我們主要學習盒模型的概念，以及運算方法

• 
  

• 11css的文本樣式 （上）17:00

• font-size font-family color

• 
  

• 12css的文本樣式 （中）15:26

• line-height text-align text-indent font-weight

• 
  

• 13css的文本樣式 （下）29:00

• font-style text-decoration letter-spacing word-spacing 文本樣式的複合寫法 樣式繼承 常見17個樣式總結

• 
  

• 14常見標籤 語義 title div h 權重20:23

• 常見標籤 語義 title div h 權重

• 
  

• 15標籤 p ul li ol22:28

• 標籤 p ul li ol

• 
  

• 16dl dt dd 塊屬性標籤特性14:24

• dl dt dd 塊屬性標籤特性

• 
  

• 17span 內聯屬性標籤特性 strong em a22:53

• span 內聯屬性標籤特性 strong em a

• 
  

• 18內聯塊特性 img 標籤類型轉換23:19

• 內聯塊特性 img 標籤類型轉換

• 
  

• 19浮動的樣式和特性介紹25:37

• 浮動的樣式和特性介紹

• 
  

• 20BFC的常見方法及優缺點24:39

• BFC的常見方法及優缺點

• 
  

• 21BFC的常見方法及優缺點 提升層級21:00

• BFC的常見方法及優缺點 提升層級

• 
  

• 22定位特性 相對定位 絕對位置 固定定位介紹19:31

• 定位特性 相對定位 絕對位置 固定定位介紹

• 
  

• 23定位特性的介紹24:50

• 定位特性的介紹

• 
  

• 24定位特性應用 派生選取器23:53

• 定位特性應用 派生選取器

• 
  

• 25相容性116:55

• 相容性1

• 
  

• 26相容性216:20

• 相容性2

• 
  

• 27相容性318:15

• 相容性3

• 
  

• 28相容性420:34

• 相容性4

• 
  

• 29相容性531:14

• 相容性5

• 更新中……
  

藍鷗零基礎學習HTML5—html+css基礎