下一節: 实战--商品详情的样式布局02948 次播放

5 秒后自动播放下一节
  重新觀看

HTML+CSS 快速上手

介紹 >
章節課件
第1章認識大前端及學習準備

vscode安裝配置-常用插件詳解(字幕版)

41分鐘01秒

工欲善其事,必先利其器之webStorm安裝

06分鐘36秒

前端程式設計師可開發的程式範疇

07分鐘42秒

如何區分H5、WEB前端、大前端、WEB全端?

08分鐘06秒
第2章HTML中常用標籤及屬性

HTML超文本標記語言--超在那裡?

08分鐘10秒

HTML主體結構與相關標籤

05分鐘55秒

HTML十六進位顏色值與註釋

05分鐘57秒

HTML實體字元的使用

04分鐘51秒

head標籤常用標籤解析

11分鐘09秒

body裡的文字與文字格式標籤

08分鐘39秒

H5新晉級的文字格式標籤

09分鐘24秒

語意化標籤與清單佈局標籤

07分鐘29秒

a標籤需要注意的路徑與跳轉方式問題

06分鐘19秒

實例講解多媒體標籤

11分鐘38秒

前端海量標籤的記憶技巧

05分鐘05秒

markdown語法全解

13分鐘18秒

細說table標籤

10分鐘12秒

全方位解析與form表單相關的元素-上

08分鐘50秒

全方位解析與form表單相關的元素-下

09分鐘08秒

內嵌標籤iframe的使用

02分鐘06秒
第3章不在裸奔,走進CSS世界

走進css世界--css的若干種引用方式

08分鐘42秒

css選擇器--基本選擇器解析

05分鐘32秒

css選擇器--層級選擇器解析

05分鐘10秒

css選擇器--結構性偽類選擇器解析--上

11分鐘25秒

css選擇器--結構性偽類選擇器解析--下

09分鐘44秒

css狀態偽類選擇器以及選擇器優先權

06分鐘20秒

css-font字體屬性

04分鐘01秒

css-text文字屬性

02分鐘58秒

css--background背景屬性

03分鐘49秒

課堂摘要與章節作業佈置

03分鐘08秒
第4章CSS樣式及佈局控制

CSS寬高尺寸屬性

09分鐘22秒

CSS導覽清單屬性

05分鐘50秒

CSS定位屬性--固定fixed

06分鐘01秒

CSS定位屬性--相對定位relative

03分鐘17秒

相對定位與絕對定位的關係--上

09分鐘24秒

相對定位與絕對定位的關係--下

09分鐘05秒

CSS佈局屬性控制元素的隱藏與顯示

10分鐘57秒

CSS控制div左右浮動

10分鐘34秒

標準盒模型與浮動的結合使用

10分鐘37秒

如何解決div外邊距重合問題

06分鐘21秒

盒子大小與內外邊距及邊框的關係

05分鐘12秒

box-sizing屬性解決盒子換行的問題

01分鐘30秒

彈性盒模型--伸縮盒佈局

08分鐘14秒

伸縮盒實現多層導航連動

12分鐘40秒
第5章實戰之定義佈局框架文件

深入解析彈性盒模型屬性設定-上

11分鐘19秒

深入解析彈性盒模型屬性設定-下

06分鐘21秒

企業網站的頁面佈局分析

04分鐘16秒

定義框架底層樣式文件

11分鐘35秒

設定框架的彈性佈局公共樣式

06分鐘48秒

設定框架的邊框公共樣式

03分鐘48秒

設定框架的邊距公共樣式

08分鐘21秒

設定框架的其他公共樣式

03分鐘50秒

在專案中引入公共樣式圓角邊框

07分鐘34秒

如何在專案中引入iconfont字體圖標

09分鐘02秒

實戰--定義頭部公共模板文件

05分鐘24秒

實戰--定義優雅的搜尋框樣式

06分鐘17秒

實戰--設定字體圖示的樣式背景與居中對齊

05分鐘31秒

實戰--設定nav導覽列的基本樣式

07分鐘31秒
第6章實戰之動畫及公共頭部

文字陰影與背景顏色徑向漸變

04分鐘55秒

CSS實現盒子的轉換與過渡效果

08分鐘22秒

實戰--css動畫效果與動畫輪播-上

08分鐘19秒

實戰--css動畫效果與動畫輪播-下

07分鐘09秒

實戰--css3實作用偽類寫導航底線動畫效果

04分鐘48秒

實戰--實現二級選單樣式與動畫效果

10分鐘06秒

實戰--實現側邊欄固定效果-上

08分鐘14秒

實戰--實現側邊欄固定效果-下

03分鐘31秒

實戰--實現底部footer的樣式佈局

09分鐘31秒

實戰--實現首頁商品導航效果

10分鐘37秒

實戰--商品展示區的頭部佈局

08分鐘52秒

實戰--商品卡片的樣式佈局-上

05分鐘14秒

實戰--完成商品卡的動畫效果

06分鐘42秒

實戰--商品卡片的樣式佈局-下

04分鐘49秒
第7章實戰之列表頁及詳情頁

實戰--完成麵包屑導航的風格佈局

05分鐘35秒

實戰--完成商品排序方式的動畫效果-上

14分鐘22秒

實戰--完成商品排序方式的動畫效果-下

08分鐘16秒

實戰--完成商品列表頁樣式佈局

06分鐘12秒

實戰--完成商品基本資訊區的樣式佈局

10分鐘38秒

實戰--完成商品基本資訊區的樣式佈局02

08分鐘03秒

實戰--完成商品基本資訊區的樣式佈局03

04分鐘21秒

實戰--商品詳情的樣式佈局01

08分鐘26秒

實戰--商品詳情的樣式佈局02

11分鐘45秒

實戰--猜你喜歡區域的樣式佈局

11分鐘16秒
第8章實戰之購物車及訂單頁

商城購物車的樣式佈局01

11分鐘40秒

商城購物車的樣式佈局02

10分鐘32秒

商城購物車的樣式佈局03

11分鐘44秒

訂單預覽頁--收件資訊樣式佈局

13分鐘04秒

訂單預覽頁--付款方式樣式佈局

06分鐘11秒

訂單預覽頁--訂單內容樣式佈局01

10分鐘15秒

訂單預覽頁--訂單內容樣式佈局02

06分鐘00秒

商城個人中心頁面的結構分析

08分鐘56秒

訂單頁與@media查詢-上

06分鐘41秒

訂單頁與@media查詢-下

07分鐘06秒
  • 取消回覆傳送
  • 取消發佈筆記傳送