2019年 黑马程序员双元前端基础班 前端基础CSS视频教程 附笔记素材课件案例

冰点也疯狂

课程目录：
( m& }* V( B& @03-前端基础CSS第一天
01-CSS层叠样式表导读.avi
02-CSS简介.avi
, W/ p) ^; R% c2 n03-体验CSS语法规范.avi
  _' W( S* Y# e2 R( t4 k: ?* q, i2 ?04-CSS代码风格.avi
05-CSS选择器的作用.avi
4 m7 w+ g1 |' X4 J/ z6 k# R; x, ~- m06-标签选择器.avi
07-类选择器.avi
9 I! E% A( m: I( j08-使用类选择器画盒子.avi
4 m" r+ x! Y+ l# L6 p  L09-类选择器特殊使用-多类名.avi
10-id选择器.avi
11-通配符选择器.avi
9 @6 z5 W% x& a2 V$ G12-font-family设置字体系列.avi
13-font-size字号大小.avi
6 q" l; t8 e/ ?. H. E; u; a" }2 o14-font-weight字体粗细.avi
9 O4 x1 x3 t7 c- s15-font-style字体样式.avi
% Q/ X( P, Q$ {, P) U# n16-font复合属性写法.avi
3 X& |( F6 G& Y: A* c17-字体属性总结.avi
18-文本颜色color.avi
19-文本对齐text-align.avi
20-文本装饰text-decoration.avi
21-文本缩进text-indent.avi
4 b3 G9 r. h. [2 D' }9 \' {9 N; o22-行间距line-height.avi
23-CSS文本属性总结.avi
! t  @+ x9 u& H3 v24-内部样式表.avi
25-行内样式表.avi
26-外部样式表.avi
1 }% H7 W6 `) H8 E27-CSS引入方式总结.avi
! M6 [& Z( o' E, k% k28-综合案例-新闻页面.avi
) B! i# d' H! U29-综合案例-修改样式(一).avi
30-综合案例-修改样式(二).avi
31-综合案例-修改样式(三).avi
/ Y1 }/ Y7 s) q; N32-chrome调试工具使用.avi

04-前端基础CSS第二天
01-CSS第二天导读.avi
0 E( E3 O4 x5 }0 f. K02-emmet语法生成html标签.avi
03-emmet语法快速生成css样式.avi
# ?# D* p6 n6 W7 Q3 z6 k6 Q; V04-快速格式化代码.avi
4 d* a8 y6 N2 ^1 z" D' L05-复合选择器简介.avi
) W# g) ]& M0 b7 R5 l6 y! c06-后代选择器.avi
07-子元素选择器.avi
+ o0 x  F+ [" ~9 Q4 C+ R* f08-课堂练习.avi
( a2 _* k) K* Q! |1 S09-并集选择器.avi
10-链接伪类选择器(上).avi
11-链接伪类选择器(下).avi
12-focus伪类选择器.avi
13-复合选择器总结.avi
- v$ q5 r9 |; y14-什么是元素显示模式.avi
) Z' a+ t6 J2 W1 D. y15-块元素.avi
; m. |2 u# c- I  {$ {16-行内元素.avi
17-行内块元素.avi
18-元素显示模式总结.avi
" e0 n' G: t; k, h1 W19-显示模式的转换.avi
( ~# d* {1 [6 A* k20-一个小工具snipaste的使用.avi
21-简洁版小米侧边栏案例.avi
  n8 W! n8 f8 ?4 D6 p" [22-单行文字垂直居中的原理.avi
# C# U9 h0 q: ^0 s8 {' F& Z23-背景颜色.avi
4 l. s. t- ^, Z  ?0 L7 q) C24-背景图片.avi
25-背景平铺.avi
" y7 B1 @& ~8 o9 S26-背景位置-方位名词.avi
5 Y: f( g1 C. S7 E# u" ]! _27-背景位置案例一.avi
28-背景位置案例二-王者荣耀背景图片.avi
5 c. o8 c4 j/ M  {# E- v2 J2 ?0 ~: }29-背景位置-精确单位.avi
+ r; s2 S6 E6 J5 Q2 ~% U30-背景位置-混合单位.avi
9 E! I2 {$ [  K% g8 y! c31-背景固定.avi
32-背景属性复合写法.avi
33-背景颜色半透明.avi
34-背景总结.avi
35-综合案例-五彩导航(上).avi
0 I" L: I1 z4 M- _4 I36-综合案例-五彩导航(二).avi
0 A, A9 |4 C9 k' O. r$ f
05-前端基础CSS第三天
01-CSS三大特性之层叠性.avi
02-CSS三大特性之继承性.avi
03-行高的继承.avi
04-CSS三大特性之优先级.avi
4 w6 K3 m: }2 ]/ o$ B05-优先级注意的问题.avi
06-CSS权重的叠加.avi
( B2 t! Y( X0 K& _3 E5 U* |! ~07-权重两个练习题.avi
: l: K! }9 c9 Q9 S1 h9 O# C08-盒子模型导读.avi
, d8 v$ h+ ]( D; Z; L09-看透网页布局本质.avi
10-盒子模型组成部分.avi
  w) v  c; m- O; ~11-盒子模型边框border.avi
+ J8 z1 `2 A6 ?. G7 |7 e& e  W12-边框的复合写法.avi
13-表格细线边框.avi
14-边框会影响盒子实际大小.avi
) o: T) ?) W0 c3 l15-盒子模型内边距padding.avi
" O& k3 B" Y) f& R16-padding复合属性.avi
17-padding会影响盒子实际大小.avi
4 o5 t( l- ^! H3 F' j18-padding应用-新浪导航栏(上).avi
19-padding应用-新浪导航栏(下).avi
$ Q9 ^/ O+ d) A2 N$ k2 |20-小米侧边栏修改.avi
21-padding不会撑开盒子的情况.avi
5 f* u5 Y- j9 R$ D8 n: p5 w22-盒子模型外边距margin.avi
23-外边距典型应用-块级盒子水平居中对齐.avi
4 y- l& S) i; J' h! ?24-行内元素和行内块元素水平居中.avi
25-外边距合并-相邻块元素垂直外边距.avi
8 |7 r9 E3 O- t2 y26-外边距合并-嵌套块元素塌陷.avi
27-清除内外边距.avi
28-ps的基本操作.avi
. o. n7 y* ?, ]& X29-综合案例-产品模块布局分析.avi
30-综合案例-box布局.avi
31-综合案例-图片和段落制作.avi
32-综合案例-评价和详情制作.avi
3 Q8 B' W% n( W3 W1 U33-综合案例-竖线细节制作.avi
5 A, @9 V" o8 i/ G34-pink老师解惑.avi

- A7 t* ~* s" h+ W3 t( \/ Y06-前端基础CSS第四天
2 T, b3 x+ x* ?7 P8 o+ U% U01-综合案例-快报模块布局分析.avi
0 p2 c  k/ Q) C9 Y4 l9 Q02-综合案例-快报模块头部制作.avi
8 d$ Y! p3 T$ j03-综合案例-快报模块列表制作.avi
7 k! `- I! ~* r/ R) u& I04-圆角边框原理.avi
1 y# {( Q% J- x# B6 j9 o& n. D3 N05-圆角边框的使用.avi
06-盒子阴影.avi
07-文字阴影.avi
- u4 m1 X) S  W7 l2 [9 R0 T6 s08-浮动导读.avi
+ f/ A! q, A6 U5 W0 I9 d4 G  J0 E09-传统网页布局三种方式.avi
10-为什么需要浮动.avi
8 X5 P7 |3 _: e6 d) @5 n6 l11-什么是浮动.avi
12-浮动特性-脱标.avi
4 h) `( Q" z( N9 Y& E2 ?: t/ M! _- Q% b13-浮动特性-浮动元素一行显示.avi
14-浮动特性-浮动元素具有行内块特性.avi
15-浮动元素经常搭配标准流的父元素.avi
/ X- G5 q# O4 N* U5 i- p/ m( t3 s16-浮动布局练习1.avi
0 v1 L8 J5 q) T. ]# D! S  J; a3 p17-浮动布局练习2.avi
$ R1 Z! w' T1 g: J5 G; c9 B9 _18-浮动练习-手机模块(上).avi
6 I3 m  k( R4 W& a5 t* t19-浮动练习-手机模块(下).avi
20-常见的网页布局.avi
  H, S  @5 S( d* y21-浮动的两个注意点.avi
22-为什么清除浮动.avi
" W" {& x3 h2 \2 P; O0 s23-清除浮动本质以及额外标签法.avi
24-清除浮动之父元素overflow.avi
25-清除浮动之after伪元素.avi
26-清除浮动之双伪元素.avi
- V" n, P- c# W27-清除浮动.avi
# K2 g* a3 e# [/ v3 m
07-前端基础CSS第五天
01-常见的图片格式.avi
6 {3 f5 Z* e* J/ Z02-ps切图-图层切图(上).avi
03-ps切图-图层切图(下).avi
7 E! ^2 A# b) p  H* F04-ps切图-切片工具.avi
05-ps切图-cutterman安装.avi
! U# O& z% D( W# J/ ?' L06-ps切图-cutterman使用技巧.avi
0 y) Z3 ]& R' ^; N07-学成在线案例准备工作.avi
! k$ L' S/ p8 E* }- E08-CSS属性书写顺序(重要).avi
+ b& @+ Y! ~5 {, P" V8 X09-页面布局整体思路.avi
  O6 _) I: ?2 w( w9 Y" I" J10-学成在线-header区域制作.avi
11-学成在线-logo区域制作.avi
9 x  b& i3 R  X  G: b12-学成在线-导航栏nav区域制作(上).avi
13-学成在线-导航栏nav区域制作(中).avi
14-学成在线-导航栏nav区域制作(下).avi
& Z7 J9 H; h2 c# E. e  R15-学成在线-搜索search模块input制作.avi
16-学成在线-搜索search模块button制作.avi
17-学成在线-用户user模块制作.avi
9 Q2 z: C) X& A1 z% Z' B8 U0 p8 W18-学成在线-banner模块制作.avi
19-学成在线-subnav模块制作（上）.avi
5 @5 W- E6 x" z" y' U" |8 I20-学成在线-subnav模块制作（下）.avi
21-学成在线-course模块制作（上）.avi
3 K/ g: f# Z$ k0 [22-学成在线-course模块制作（中）.avi
23-学成在线-course模块制作（下）.avi
5 j) _. |* I* r9 U! L0 v( p24-学成在线-精品推荐模块（上）.avi
25-学成在线-精品推荐模块（中）.avi
26-学成在线-精品推荐模块（下）.avi
27-学成在线-box-hd模块制作.avi
28-学成在线-box-bd模块制作.avi
29-学成在线-box模块完成.avi
" k$ |( |6 z0 o" {2 B30-学成在线-footer模块制作.avi
31-学成在线-copyright模块制作.avi
& W6 U. _# J* n5 W5 S9 C# u32-学成在线-links模块制作.avi

08-前端基础CSS第六天
1 |. Z- O/ Y* U01-定位导读.avi
; w7 N- P. R! [! n2 J02-为什么需要定位.avi
03-定位组成.avi
04-相对定位.avi
* m: v  w0 B! I7 s05-绝对定位-没有父级或者父级无定位情况.avi
06-绝对定位-父级有定位情况.avi
) b( J7 y. n4 Q5 }7 l07-绝对定位脱标的不占有原来位置.avi
08-子绝父相的由来.avi
09-子绝父相案例-hot模块.avi
3 G; J+ {- o2 {3 }! D% T10-固定定位.avi
11-固定定位小技巧-固定到版心右侧.avi
, j) K* T7 E! }: j1 G2 [1 R12-粘性定位（了解）.avi
2 O* R' O4 \/ v4 u8 \& j: f! r13-定位总结.avi
14-定位的叠放顺序.avi
9 K8 B7 N0 A) x! _+ y15-绝对定位的盒子居中算法.avi
16-定位的特殊特性.avi
17-浮动元素不会压住标准流的文字定位会.avi
18-淘宝焦点图布局分析.avi
& s4 I) D) J' `# o# T1 F6 h, p19-淘宝焦点图-大盒子制作.avi
8 W, E1 ^4 @7 E  \4 R- v+ ]20-淘宝焦点图-左侧箭头按钮制作.avi
21-淘宝焦点图-右侧箭头按钮制作.avi
22-淘宝焦点图-ul盒子模块制作.avi
. [4 Z$ Y- w0 f0 ?+ A* O. a23-淘宝焦点图-li小圆点模块制作.avi
24-网页布局总结.avi
, J3 D. {$ M. l25-display显示隐藏元素.avi
* C* q$ D1 H9 N26-visibility显示隐藏元素.avi
# T9 E* t" b6 {& ~! C" G  o27-overflow溢出显示隐藏.avi
28-土豆案例（上）.avi
29-土豆案例（下）.avi

09-前端基础CSS第七天
01-CSS高级技巧导读.avi
02-为什么需要精灵技术.avi
03-精灵图使用（原理）.avi
04-精灵图使用（代码）.avi
# M; [" Z2 d, F! n( t05-精灵图案例-拼出自己名字.avi
0 G' M6 i2 z# d! M0 ?) f06-字体图标产生和优点.avi
& f+ O# l; e- x% t+ j07-字体图标下载.avi
08-字体图标的使用.avi
( W5 X$ t7 T/ P+ H( X) J09-字体图标的追加和加载原理.avi
% d3 `( N) O# m) k3 W10-CSS三角的做法.avi
, [% f' O' y7 B. e( Y0 B11-CSS三角应用-京东效果.avi
12-用户界面-鼠标样式.avi
( T- j3 ?2 C8 B" ^  I13-用户界面-取消表单轮廓和防止拖拽文本域.avi
" r& g9 l" Z7 ?! Q; ?% {14-vertical-align实现行内块和文字垂直居中对齐.avi
/ i9 g  M/ V/ y. X" o  ^0 z15-图片底侧空白缝隙解决方案.avi
16-单行文字溢出省略号显示.avi
5 r! o2 |5 G4 O- N17-多行文字溢出省略号显示.avi
: U* p& r% ]0 [" q* I18-布局技巧-margin负值巧妙运用（上）.avi
! Z* w* x' l: |1 F5 ^19-布局技巧-margin负值巧妙运用（下）.avi
7 X  B8 q" a; [" u20-布局技巧-文字围绕浮动元素巧妙运用.avi
21-布局技巧-行内块的巧妙运用.avi
22-布局技巧-CSS三角巧妙运用（上）.avi
23-布局技巧-CSS三角巧妙运用（下）.avi
; B0 S, M+ ~2 G, Y24-CSS初始化.avi

游客，如果您要查看本帖隐藏内容请回复

: b# R: T! g( a1 W