視頻解說:2小時38分鐘
1.1精心設計的網頁結構2
為1.1選擇語義標簽2。
1.1.2文檔類型和瀏覽器模式7
1.2了解CSS 8
1.2.1妳為什麽學習CSS 9？
1 . 2 . 2 CSS 9的基本語法
1.2.3設計初審10
1.3 CSS選擇器12
1.3.1 CSS選擇器12概述
1.3.2標簽選擇器13
1.3.3 ID選擇器14
1.3.4類選擇器16
1.3.5偽類和偽對象選擇器17
1.3.6子選擇器19
1.3.7鄰近選擇器20
1.3.8屬性選擇器21
1.3.9通用選擇器23
1.3.10包括選擇器23。
1.3.1數據包選擇器25
1.3.12指定選擇器26
1.4 CSS 26的基本特性
1.4.1級聯和特殊性26
1.4.2繼承31
1.5樣式表計劃、組織和維護32
1.5.1對文檔應用樣式32
1.5.2註釋代碼34
1.5.3樣式文檔37
1.5.4組織樣式表以簡化維護37
1.6 CSS屬性和屬性值38
1.6.1 CSS屬性38
1.6.2 CSS單位44
1.6.3套裝顏色46
第2章使用CSS設置字體和文本樣式48
視頻解說:2小時12分鐘
2.1字體和文本樣式基礎49
2.1.1定義了字體類型49
2.1.2定義字體大小51
2.1.3定義字體顏色53
2.1.4定義字體粗細54
2.1.5定義斜體字體55
2.1.6定義下劃線、刪除線和頂部下劃線56
2.1.7定義字體大小寫57
2.1.8定義文本對齊58
2.1.9定義垂直對齊60。
2.1.10定義字距和行距63
2.1.11定義了行間距64。
2.1.12定義縮進67
2.2案例實戰68
2.2.1設計百度Logo 69
設置標題樣式70
2.2.3設置文本樣式73
2.2.4設置文本樣式75
2.2.5設置文本段樣式79
2.2.6設置段落布局樣式82
2.2.7設計單頁圖文混合排版樣式86
第3章使用CSS設置圖片樣式92
視頻解說:1小時32分鐘
3.1圖片風格設置基礎93
3.1.1定義圖片邊框93
3.1.2定義圖片大小97
3.1.3定義了圖片98的水平對齊
3.1.4定義了圖片99的垂直對齊
3.1.5設置文字環繞效果101
3.2案例實戰103
3.2.1圖文混排103
3.2.2圖片布局107
3.2.3多圖排列111
3.2.4陰影圖114
3.2.5圓角圖片116
3.2.6設計圓角欄118
第4章使用CSS控制背景圖片124
視頻解說:1小時38分鐘
4.1背景樣式設置依據125
4.1.1設置頁面背景色125。
4.1.2設置背景色遮擋頁面126。
4.1.3定義背景圖片128。
4.1.4背景圖片的重復130
4.1.5定義背景圖片的位置131。
4.1.6固定背景圖片133
4.2案例實戰134
4.2.1設置網頁的背景色135。
4.2.2設置圖案邊框136。
4.2.3設置永久固定的背景143。
4.2.4設置圓柱模塊144。
4.2.5設計柱布局149
4.2.6設計推拉門菜單151
4.2.7設計燈箱廣告154
4.2.8設計博客主頁效果157
第5章使用CSS控制列表樣式163
視頻解說:55分鐘
5.1列表樣式設置依據164
5.1.1設置列表項符號164
5.1.2定義項目的圖片符號166。
5.1.3列表167的水平和垂直轉換
5.2案例實戰169
5.2.1設計新聞欄169
5.2.2設計導航菜單173
5.2.3設計多級菜單177
5.2.4列表排版182的應用
5.2.5利用列表實現圖文混排效果186
第6章用CSS 192設計表格樣式
視頻解說:45分鐘
6.1表格樣式設置依據193
6.1.1設置表格顏色193
6.1.2設置表格邊框194
6.2案例練習196
6.2.1美化表格197
6.2.2設計高效表單200
6.2.3使表格更易於使用204
表布局207
第7章使用CSS設計表單樣式211
視頻解說:1小時45分鐘
7.1表單樣式設置基礎c212
7.1.1形成基本結構212
7.1.2設置基本樣式216
7.1.3定義字體樣式221
7.1.4定義邊框樣式222
7.1.5定義背景樣式224
7.2案例實戰228
7.2.1設計多彩下拉菜單樣式228
7.2.2設計登記表230
設計問卷235
設計反饋表240
第8章使用CSS定義鏈接樣式246
視頻解說:1小時12分鐘
8.1鏈接樣式設置基礎247
8.1.1設置鏈接樣式247
8.1.2設計下劃線樣式248
8.1.3設置類型指示樣式249
8.1.4定義按鈕樣式251
8.1.5定義了被訪問的樣式254。
8.1.6鏈接提示樣式254
8.2案例實戰256
8.2.1鼠標樣式256
設計菜單樣式259
8.2.3設計蘋果導航菜單261
8.2.4塊標簽266
8.2.5圖片瀏覽271
第九章頁面排版和DIV+CSS布局275
視頻解說:2小時47分鐘
9.1 CSS盒子型號276
9.1.1認知框模型276
9.1.2外層空間278
9.1.3內邊距281
9.1.4邊框284
9.1.5寬高284
9.2網頁重建287
9.2.1設置文檔類型287
9.2.2選擇標簽293
9.2.3案例研究:試圖重建禪宗花園296
9.3網頁排版299
9.3.1網頁排版的基本原則299
9.3.2標準網頁布局的基本形式300
9.3.3網頁排版的基本方法
9.4 DIV+CSS布局305
9.4.1布局空間305
布局位置307
9.4.3周邊布局309
9.4.4清除浮動311
9.4.5布局嵌套313
9.4.6將布局間距調整316
9.5案例練習321
9.5.1兩列布局322
9.5.2三欄布局327
第10章使用CSS定位和控制網頁布局332
視頻解說:1小時53分
10.1 CSS定位333
用10.1理解位置333
10.1.2靜態定位333
10.1.3絕對定位334
10.1.4相對定位335
10.1.5固定定位338
10.2定位參考339
參考對象339
10.2.2坐標值343
10.2.3定位特殊性344
10.3定位堆棧347
10.3.1堆疊順序347
10.3.2嵌套層疊順序349
10.3.3 CSS堆疊盒351
10.3.4 CSS級聯常見問題354
10.4案例實戰357
10.4.1相冊頁面布局357
10.4.2展覽頁面布局361
浪漫的頁面布局366
第11章解決CSS設計中的常見問題372
視頻解說:2小時
11.1 IE條件語句373
11.1.1理解IE條件語句373
11.1.2 IE條件語句的基本用法374
11.1.3案例練習:設計兼容的多級菜單376
11.2 CSS渲染和問題380
11.2.1打開和關閉IE布局功能+0。
11.2.2布局特性設置方法381
11.2.3問題1:包含框384無法自動展開。
11.2.4問題二:涉及浮動布局的問題及解決方案387
11.2.5問題三:相鄰浮動布局的問題及處理389
11.2.6問題4:列表布局390的問題及解決方法
11.2.7問題5:定位布局392的問題及處理
11.3常用瀏覽器分析問題及解決方案394
11.3.1兼容IE6瀏覽器395。
11.3.2兼容IE5系列瀏覽器396
11.3.3瀏覽器398兼容IE7版本
11.3.4兼容FF等標準瀏覽器399。
11.3.5問題1:超鏈接的Bug 399
11.3.6問題二:內容與背景分離的Bug 400。
11.3.7問題三:IE6躲貓Bug 402
11.3.8問題4: IE6額外字符Bug 403
11.4案例練習403
11.4.1 3列輪廓布局403
11.4.2三列浮動布局408
第12章旅遊酒店網站410
視頻解說:2小時18分鐘
12.1網站頁面效果分析411
12.1.1“旅遊度假”頁面效果分析411
12.1.2“訂酒店”頁面效果分析411
12.2首頁規劃與設計412
12.3網頁設計與重建414
12 . 3 . 1草圖和設計圖414
12.3.2唐圖417
12.3.3主題重建419
12.4頁面布局422
12 . 4 . 1設計頁面基本樣式422
12.4.2設計頁眉布局和樣式422
設計搜索和幻燈片區域的布局和風格
12.4.4設計左導區的布局和風格427
12.4.5設計內容區域樣式428
12.4.6設計右列樣式431。
第13章新聞網站434
視頻解說:1小時20分鐘
13.1網站頁面效果分析435
13.1.1“對話”頁面效果分析4335
13.1.2全局查看頁面效果分析435
13.2家居規劃與設計436
13.3網頁設計與重構438
繪制草圖和設計圖紙438
13.3.2切割數字440
13.3.3學科重建442
13.4頁面布局444
基本設計風格第445頁
13.4.2設計頁眉布局和樣式445
設計主要新聞區的布局和風格447
設計分類新聞區的布局和風格450
第14章使用JavaScript控制CSS樣式455
視頻解說:2小時47分鐘
JavaScript基礎知識456
14.1.1在網頁中嵌入JavaScript腳本456
14.1.2 JavaScript腳本在文檔457中的位置
解決JavaScript腳本和CSS樣式之間的沖突457
14.2 CSS腳本傳統控制方法459
14 . 2 . 1理解樣式對象460
14.2.2讀寫內嵌樣式464
14.2.3在樣式表中讀寫樣式467
訪問網頁的實際風格472
14.3控制CSS腳本的標準方法473
14.3.1CSS樣式表接口474
14.3.2 CSSStyleRule接口474
14 . 3 . 3 CSS style declaration接口475
14.4使用JavaScript控制元素大小476
14.4.1讀取元素476的長度和寬度樣式值
14.4.2使用offsetWidth和offsetHeight屬性讀取元素479的尺寸。
14.4.3讀取復雜結構中的元素大小481
14.4.4讀取瀏覽器窗口大小485
使用JavaScript定位486
窗口487中14.5.1的位置
14.5.2相對於父元素489的位置
14.5.3容納塊489的相對位置
14.5.4定義了偏移位置490。
14.5.5定義相對位置490
14.5.6確定光標位置
確定光標的相對位置492
確定滾動條493的位置
定義滾動條493的位置
14.6使用JavaScript設置顯示和隱藏效果494
設置顯示和隱藏效果494
設置透明度495
14.6.3控件動畫時長496
14.6.4設計滑動效應499
第15章使用CSS設計XML文檔樣式502
視頻解說:43分鐘
15.1 XML基礎503
15.1.1 XML文檔基本結構503
15.1.2報表504
15.1.3加工指令504
15.1.4註505
1.5標簽505
15.1.6屬性506
15.2設置XML文檔樣式507
15.2.1 CSS樣式表507
15.2.2 XSL樣式表508
15.3 CSS和XML文檔關聯510
15.3.1直接嵌入CSS樣式510。
15.3.2導入外部CSS樣式表文件512
15.3.3 @導入513
15.4案例練習513
15 . 4 . 1設計詩意的圖形效果513
15.4.2設計新聞版面效果515
第16章使用CSS過濾器519
視頻解說:43小時零分鐘
16.1 CSS過濾器概述520
16.1.1基本用法520
16.1.2適當選擇過濾器520
16.2常用CSS過濾器521
16.2.1通道(Alpha) 521
16.2.2模糊)
運動模糊(運動模糊)56638+06 . 2 . 3 586638686667
16.2.4色度)525
翻轉527
16.2.6輝光)
16.2.7灰色)
65438+
16.2.9口罩531
16.2.10陰影)532
16.2.11 X射線534
浮雕(浮雕)25638.666486666637
16.2.13波(浪)56438.66668666661
16.3案例練習537