下一節: 行内元素的垂直内外边距947 次播放

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

前端HTML5+CSS3(女神版)

介紹 >
章節課件
第1章HTML初識

導學

08分鐘27秒

網頁組成和本質

05分鐘54秒

初識瀏覽器

06分鐘57秒

web標準

07分鐘32秒

HTML感知

12分鐘16秒

HTML骨架

06分鐘07秒

vscode的簡介和使用

11分鐘47秒

註解

06分鐘50秒

標籤組成和關係

06分鐘16秒

標題和段落

14分鐘02秒

換行和水平線標籤

03分鐘59秒

文字格式化標籤

09分鐘47秒

圖片基本使用

09分鐘04秒

圖片屬性

08分鐘31秒

絕對路徑

10分鐘24秒

相對路徑-同級與下級

10分鐘17秒

相對路徑-上級

05分鐘34秒

音訊標籤

09分鐘27秒

視訊標籤

07分鐘36秒

超連結

15分鐘09秒

綜合案例-招聘

12分鐘23秒

綜合案例-跳轉-index

08分鐘22秒

綜合案例-跳轉-其他頁面

08分鐘17秒
第2章HTML基礎

列表-使用場景

04分鐘10秒

列表-無序和有序

08分鐘40秒

列表-自訂

05分鐘11秒

表格-使用

13分鐘20秒

表格-表格標題和表頭單元格

07分鐘20秒

表格-結構標籤

08分鐘55秒

表格-合併儲存格

10分鐘05秒

表單-應用場景

03分鐘30秒

表單-input基本使用

14分鐘29秒

表單-input-佔位符(提示訊息)

04分鐘05秒

表單-單選功能和預設選中

09分鐘10秒

表單-上傳多個文件

02分鐘57秒

表單-按鈕-input

11分鐘53秒

表單-按鈕-button

05分鐘14秒

表單-下拉式選單

07分鐘18秒

表單-文字域

04分鐘34秒

表單-label標籤

08分鐘54秒

語意化標籤

11分鐘34秒

字元實體

04分鐘17秒

綜合案例-學生資訊表

09分鐘57秒

綜合案例-表單

15分鐘40秒
第3章CSS基礎

體驗css

12分鐘01秒

css引進方式

10分鐘25秒

選擇器-標籤

04分鐘31秒

選擇器-類

08分鐘35秒

選擇器-id

07分鐘02秒

選擇器-通配符

04分鐘51秒

文字基本樣式

09分鐘34秒

字元字體

12分鐘00秒

拓展-層疊性

02分鐘07秒

font複合屬性

08分鐘27秒

文字縮排

05分鐘20秒

水平對齊方式

07分鐘37秒

文字修飾線

04分鐘48秒

幸高

09分鐘22秒

谷歌調試工具

12分鐘37秒

拓展-顏色取值

06分鐘28秒

拓展-標籤居中

04分鐘01秒

綜合案例1-標題完成

13分鐘50秒

綜合案例1-新聞-內容

05分鐘25秒

綜合案例2-圖片完成

11分鐘40秒

綜合案例2-產品-文字效果

07分鐘25秒
第4章CSS進階

選擇器-後代

08分鐘29秒

選擇器-子代

05分鐘43秒

選擇器-並集

04分鐘47秒

選擇器-交集

06分鐘03秒

選擇器-偽類

04分鐘33秒

emmet語法

14分鐘14秒

背景-背景色

05分鐘17秒

背景-背景圖

04分鐘00秒

背景-背景平鋪

04分鐘55秒

背景-背景位置

09分鐘52秒

背景-background

11分鐘56秒

背景圖和img的差別

08分鐘24秒

顯示模式-區塊

08分鐘31秒

顯示模式-行內

06分鐘00秒

顯示模式-行內區塊

04分鐘02秒

顯示模式-轉換

07分鐘57秒

拓展-標籤嵌套

06分鐘47秒

CSS特性-繼承性

13分鐘46秒

CSS特性-層疊性

03分鐘59秒

綜合案例1

09分鐘43秒

綜合案例2

11分鐘37秒
第5章CSS盒子模型

優先權-基本測試

13分鐘50秒

優先權-疊加計算

09分鐘06秒

優先權-計算題

14分鐘20秒

谷歌-排錯

13分鐘20秒

PxCook

12分鐘27秒

盒子模型-組成

12分鐘45秒

盒子模型-瀏覽器效果

04分鐘10秒

盒子模型-內容width和height

03分鐘01秒

盒子模型-border使用方法

11分鐘10秒

盒子模型-尺寸計算-border

04分鐘31秒

盒子模型-案例

06分鐘39秒

新浪導航-佈局div

07分鐘13秒

新浪導航-內容a

13分鐘07秒

盒子模型-padding-多值

13分鐘26秒

盒子模型-尺寸-border和padding

04分鐘08秒

新浪導航-padding優化

06分鐘03秒

盒子模型-內減模式

04分鐘46秒

盒子模型-外邊距

03分鐘19秒

清除預設樣式

11分鐘10秒

版心居中

04分鐘58秒

綜合案例-新聞列表-div佈局

05分鐘23秒

綜合案例-新聞列表-標題

09分鐘34秒

綜合案例-新聞列表-內容

09分鐘07秒

外邊距-問題

13分鐘38秒

行內元素的垂直內外邊距

04分鐘20秒
第6章CSS浮動

結構偽類-基本用法

07分鐘55秒

結構偽類-公式

09分鐘35秒

偽元素

12分鐘11秒

標準流

02分鐘47秒

浮動-體驗行內塊問題

08分鐘10秒

浮動-作用

06分鐘59秒

浮動-特點

12分鐘12秒

綜合案例-小米佈局

07分鐘38秒

拓展-css屬性順序

04分鐘56秒

綜合案例-小米產品-左右結構

05分鐘20秒

綜合案例-小米產品-li

08分鐘34秒

綜合案例-導航

13分鐘15秒

清除浮動-場景搭建

11分鐘03秒

清除浮動-額外標籤

04分鐘39秒

清除浮動-單偽元素

07分鐘35秒

清除浮動-雙偽元素

06分鐘05秒

清除浮動-o​​verflow

02分鐘15秒
第7章線上專案

準備工作

12分鐘41秒

版心和清除預設樣式

11分鐘36秒

header佈局

04分鐘51秒

logo和nav佈局

05分鐘52秒

nav內容完成

10分鐘57秒

搜尋-佈局和文字框

09分鐘57秒

搜尋-按鈕

06分鐘17秒

使用者區域

06分鐘47秒

banner-佈局

07分鐘44秒

banner-left完成

07分鐘27秒

banner-right-標題

03分鐘16秒

banner-right-內容

08分鐘49秒

banner-right-全部課程

04分鐘54秒

精品推薦

12分鐘44秒

精品課程-標題

07分鐘09秒

精品課程內容

11分鐘12秒

版權區域-佈局

06分鐘15秒

版權區域-內容

08分鐘22秒
第8章定位裝飾

作用和使用步驟

06分鐘07秒

相對relative

05分鐘39秒

了解-定位-注意事項

04分鐘13秒

絕對absolute-參考瀏覽器

07分鐘39秒

親子鑑定

11分鐘44秒

案例—學成在線-hot

07分鐘26秒

居中

10分鐘03秒

位移居中

06分鐘09秒

案例-二維碼

07分鐘13秒

案例-banner

08分鐘17秒

固定

06分鐘03秒

顯示層級

09分鐘37秒

vertical-align-01

11分鐘58秒

vertical-align-02

07分鐘17秒

遊標類型

07分鐘11秒

圓角邊框-基本使用

09分鐘45秒

圓角邊框-工作場景

06分鐘23秒

溢出顯示效果-overflow

06分鐘45秒

顯示隱藏-基本使用

05分鐘49秒

案例-二維碼顯示隱藏

03分鐘29秒

透明屬性opacity

02分鐘41秒
第9章小兔鮮項目搭建

css精靈-作用

03分鐘46秒

css精靈-使用

14分鐘12秒

背景圖縮放

11分鐘16秒

盒子陰影

08分鐘09秒

過渡

09分鐘21秒

骨架標籤

10分鐘47秒

SEO

12分鐘58秒

favicon-標題圖標

02分鐘42秒

專案目錄

10分鐘52秒

專案程式碼準備

06分鐘41秒

快速導航-佈局

09分鐘26秒

快速導航-內容

11分鐘34秒

header-佈局

10分鐘09秒

logo和導航

09分鐘06秒

搜尋

10分鐘56秒

購物車

07分鐘48秒

版權-佈局

10分鐘39秒

版權-li內容完成

12分鐘04秒

版權底部

04分鐘51秒
第10章小兔鮮項目主體

banner-圖

06分鐘52秒

banner-側導航-佈局

08分鐘16秒

banner-側導航-文字內容

08分鐘55秒

banner-箭頭

14分鐘52秒

banner-圓點

11分鐘03秒

新鮮好物-標題

11分鐘42秒

新鮮好物-內容-佈局

09分鐘21秒

新鮮好物-內容完成

06分鐘43秒

新鮮好物-新品文字

06分鐘13秒

生鮮-標題-版面

09分鐘09秒

生鮮區域

10分鐘31秒

生鮮-內容-佈局

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