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

冰点也疯狂

课程目录：
! e0 m! S6 g, t( f; _0 h03-前端基础CSS第一天
8 a! [$ G5 O0 p- y01-CSS层叠样式表导读.avi
02-CSS简介.avi
* h+ k, ^7 `/ d1 N2 a03-体验CSS语法规范.avi
04-CSS代码风格.avi
05-CSS选择器的作用.avi
06-标签选择器.avi
2 g: I: v2 f" \9 r0 j$ }7 F07-类选择器.avi
, a0 ^& Z3 h. o6 e- U08-使用类选择器画盒子.avi
09-类选择器特殊使用-多类名.avi
: R: p* l% d2 w& t3 {+ Q. n10-id选择器.avi
  p! e% o: l1 E- r% h11-通配符选择器.avi
7 e. M+ s# e  P1 U0 z12-font-family设置字体系列.avi
5 a9 B9 Q. e) s) X8 V2 t3 b" ]" u13-font-size字号大小.avi
4 k7 @/ M5 S; ]) E. u1 P# S14-font-weight字体粗细.avi
* g! q0 P7 V' |% {. W" c7 r15-font-style字体样式.avi
16-font复合属性写法.avi
17-字体属性总结.avi
0 C7 ^4 z  s4 X  S9 d6 [. b3 R9 x18-文本颜色color.avi
; w" C# U$ W( y19-文本对齐text-align.avi
20-文本装饰text-decoration.avi
21-文本缩进text-indent.avi
" ], F8 C) p$ R4 A; Y  k22-行间距line-height.avi
. m  p) d! u2 v: Z5 x( m" z; T: K23-CSS文本属性总结.avi
& O9 _" v" O" U' n2 G: v24-内部样式表.avi
5 M% i  g- ]( X( X! d6 P25-行内样式表.avi
" x1 X$ \! h+ ]& Q3 d5 b% Z26-外部样式表.avi
4 n  R2 J% X& o27-CSS引入方式总结.avi
8 S$ S" Z+ A& b0 g% W28-综合案例-新闻页面.avi
# x" g3 `# ^0 }" B29-综合案例-修改样式(一).avi
30-综合案例-修改样式(二).avi
31-综合案例-修改样式(三).avi
32-chrome调试工具使用.avi

04-前端基础CSS第二天
% }: `& M2 N3 t" S. e: {01-CSS第二天导读.avi
6 _$ N$ v" v5 X5 k# l+ K) ]& t6 H02-emmet语法生成html标签.avi
8 ?( ~! ^% w3 d9 B& X! `" s# ]8 s03-emmet语法快速生成css样式.avi
04-快速格式化代码.avi
. d) _. @- [; b" Q  S2 l$ e! B- d05-复合选择器简介.avi
06-后代选择器.avi
# \! O, J  |( t# T07-子元素选择器.avi
08-课堂练习.avi
  g+ y: S: ]# N% o, H  c, @6 q09-并集选择器.avi
+ n( [; k  r/ y" T/ S10-链接伪类选择器(上).avi
11-链接伪类选择器(下).avi
4 H: q/ c7 O, G+ V/ L12-focus伪类选择器.avi
& a- y( I: F8 v2 r13-复合选择器总结.avi
14-什么是元素显示模式.avi
15-块元素.avi
16-行内元素.avi
! Z3 m, J2 `2 y17-行内块元素.avi
18-元素显示模式总结.avi
. X+ Q: Y" `! U- J% U, X4 s19-显示模式的转换.avi
& k: B1 K4 n+ d  Q/ k20-一个小工具snipaste的使用.avi
/ ^0 n9 l! O  g% Y7 _$ D21-简洁版小米侧边栏案例.avi
$ i$ Q" Q( q: M5 D8 t0 Z2 |2 s9 }3 _22-单行文字垂直居中的原理.avi
1 n0 P, ]6 W0 R9 U23-背景颜色.avi
24-背景图片.avi
) O9 E9 Q" d' x+ d% @' |25-背景平铺.avi
  R' U2 }4 j$ K7 z26-背景位置-方位名词.avi
27-背景位置案例一.avi
28-背景位置案例二-王者荣耀背景图片.avi
# o- x+ S, }; c) @. i29-背景位置-精确单位.avi
5 }5 G4 t+ Y) H- C( _" @30-背景位置-混合单位.avi
. W! p7 X4 E* m3 k8 L" J31-背景固定.avi
32-背景属性复合写法.avi
6 c. |" ~0 c, A: j33-背景颜色半透明.avi
, H0 p! M1 H5 }1 @34-背景总结.avi
9 e: w, _# ~5 `: i35-综合案例-五彩导航(上).avi
36-综合案例-五彩导航(二).avi

05-前端基础CSS第三天
1 M+ A4 r# z6 ]3 K4 Q01-CSS三大特性之层叠性.avi
02-CSS三大特性之继承性.avi
# P2 A  R* F6 q03-行高的继承.avi
6 \2 F% S9 n) f7 k" b$ a6 O/ }04-CSS三大特性之优先级.avi
6 V" b+ O9 Q6 ]: [5 i05-优先级注意的问题.avi
06-CSS权重的叠加.avi
07-权重两个练习题.avi
! J- ^! }6 @" l08-盒子模型导读.avi
' B* o. d) R5 I  g8 @09-看透网页布局本质.avi
10-盒子模型组成部分.avi
# H" J- J- C% A5 Y11-盒子模型边框border.avi
12-边框的复合写法.avi
13-表格细线边框.avi
4 l; ~( q* f. z+ Q( K14-边框会影响盒子实际大小.avi
15-盒子模型内边距padding.avi
/ z/ e' B! N+ L" s% y$ g5 i+ j16-padding复合属性.avi
17-padding会影响盒子实际大小.avi
18-padding应用-新浪导航栏(上).avi
19-padding应用-新浪导航栏(下).avi
0 K- o! r$ X3 ^% G20-小米侧边栏修改.avi
21-padding不会撑开盒子的情况.avi
22-盒子模型外边距margin.avi
23-外边距典型应用-块级盒子水平居中对齐.avi
24-行内元素和行内块元素水平居中.avi
25-外边距合并-相邻块元素垂直外边距.avi
26-外边距合并-嵌套块元素塌陷.avi
27-清除内外边距.avi
28-ps的基本操作.avi
29-综合案例-产品模块布局分析.avi
4 S. \$ @" S7 s' Z; f  k30-综合案例-box布局.avi
& T% p* W* v. [; ]1 L31-综合案例-图片和段落制作.avi
32-综合案例-评价和详情制作.avi
7 r" B0 _* |! n" K33-综合案例-竖线细节制作.avi
34-pink老师解惑.avi

" B, `1 L9 Q/ n* j$ u' M+ t1 F06-前端基础CSS第四天
6 {+ \# }* y# O. U01-综合案例-快报模块布局分析.avi
1 U1 n. }1 P+ V! c02-综合案例-快报模块头部制作.avi
. l1 o" J* M, q' _: I03-综合案例-快报模块列表制作.avi
04-圆角边框原理.avi
3 M. m. p2 Q2 M05-圆角边框的使用.avi
- ^1 j3 F# S3 {/ {! P06-盒子阴影.avi
8 h8 E( F1 k) z4 @# j07-文字阴影.avi
08-浮动导读.avi
09-传统网页布局三种方式.avi
10-为什么需要浮动.avi
11-什么是浮动.avi
12-浮动特性-脱标.avi
13-浮动特性-浮动元素一行显示.avi
, Q/ j* n  {5 Z5 b, O14-浮动特性-浮动元素具有行内块特性.avi
8 h3 w5 N: u2 b- J8 e15-浮动元素经常搭配标准流的父元素.avi
16-浮动布局练习1.avi
17-浮动布局练习2.avi
/ i& i  p, f0 Y' U5 D* g- `9 U18-浮动练习-手机模块(上).avi
" e4 U& n" L8 v; Q) }2 T/ u19-浮动练习-手机模块(下).avi
% T) V9 E+ F: |, O! i% H20-常见的网页布局.avi
21-浮动的两个注意点.avi
22-为什么清除浮动.avi
" Z$ T- z0 @/ L$ g# H7 f23-清除浮动本质以及额外标签法.avi
- v* l3 S9 A  ^24-清除浮动之父元素overflow.avi
7 y! t) m/ u6 m2 n5 {% }% q25-清除浮动之after伪元素.avi
26-清除浮动之双伪元素.avi
5 n, i0 m4 f7 ~! L- E27-清除浮动.avi

3 k. ~/ b1 P" S9 A$ L1 H07-前端基础CSS第五天
% j& J' ?* h& ?) N$ _! v; U01-常见的图片格式.avi
, m" e% ~$ q- u& P; H! d* n02-ps切图-图层切图(上).avi
) F( |, C% G. s9 K. e( R# i+ j% u03-ps切图-图层切图(下).avi
3 Y; R  y' u* H. ~; o- `; G6 X04-ps切图-切片工具.avi
, {. F! {3 [  S+ S  O# b05-ps切图-cutterman安装.avi
6 w5 Y' C% b2 X3 H/ d; a8 s0 r- M  k* b06-ps切图-cutterman使用技巧.avi
0 z, H; d1 ~: u: B, j. F' M7 ]07-学成在线案例准备工作.avi
08-CSS属性书写顺序(重要).avi
' A3 t8 V' w: K  ~$ J9 g09-页面布局整体思路.avi
4 D% b: n: \+ i: U- M3 w5 }* k0 U10-学成在线-header区域制作.avi
11-学成在线-logo区域制作.avi
# E5 F7 ], K9 F2 t/ R. e. o/ f12-学成在线-导航栏nav区域制作(上).avi
13-学成在线-导航栏nav区域制作(中).avi
14-学成在线-导航栏nav区域制作(下).avi
15-学成在线-搜索search模块input制作.avi
! Q- e7 M8 B) D16-学成在线-搜索search模块button制作.avi
17-学成在线-用户user模块制作.avi
18-学成在线-banner模块制作.avi
19-学成在线-subnav模块制作（上）.avi
20-学成在线-subnav模块制作（下）.avi
4 z5 t! y7 h* x8 Q* J) q  U, Q" J. f21-学成在线-course模块制作（上）.avi
22-学成在线-course模块制作（中）.avi
$ p* o) @9 L( c' G) W3 l23-学成在线-course模块制作（下）.avi
" m# }) u: t) P$ B4 k$ q24-学成在线-精品推荐模块（上）.avi
/ O( H3 {0 j$ `1 g25-学成在线-精品推荐模块（中）.avi
8 R& |/ \6 O/ z* @26-学成在线-精品推荐模块（下）.avi
" U+ [! ~  g$ j) d, B27-学成在线-box-hd模块制作.avi
28-学成在线-box-bd模块制作.avi
29-学成在线-box模块完成.avi
  t5 {% A/ ?) P3 f( h* e6 u* N7 _30-学成在线-footer模块制作.avi
. Y1 [' N1 b3 U4 ^/ _7 v6 \( @4 `31-学成在线-copyright模块制作.avi
% ?5 v4 \2 W% a2 U: q32-学成在线-links模块制作.avi

) n$ p5 a: d7 l08-前端基础CSS第六天
4 [3 W2 X% J; L8 C$ _4 M; u: T01-定位导读.avi
02-为什么需要定位.avi
03-定位组成.avi
04-相对定位.avi
05-绝对定位-没有父级或者父级无定位情况.avi
06-绝对定位-父级有定位情况.avi
07-绝对定位脱标的不占有原来位置.avi
  D5 P( |# Z/ `1 V6 @& Z08-子绝父相的由来.avi
( G8 V* w) u3 Y. J3 P& H09-子绝父相案例-hot模块.avi
10-固定定位.avi
$ ~/ K1 ?3 V5 ~; G, b. U2 {11-固定定位小技巧-固定到版心右侧.avi
12-粘性定位（了解）.avi
9 I% _# x0 {( Z0 A3 ~13-定位总结.avi
14-定位的叠放顺序.avi
15-绝对定位的盒子居中算法.avi
4 p+ m0 U4 t& a+ V/ P1 V5 }' m16-定位的特殊特性.avi
17-浮动元素不会压住标准流的文字定位会.avi
18-淘宝焦点图布局分析.avi
2 s( {0 F( i  G) p& K19-淘宝焦点图-大盒子制作.avi
20-淘宝焦点图-左侧箭头按钮制作.avi
* t  ^9 Q/ r" ?# e4 g4 r) R21-淘宝焦点图-右侧箭头按钮制作.avi
22-淘宝焦点图-ul盒子模块制作.avi
& f/ k( ]7 P0 \! ~' S2 G* {23-淘宝焦点图-li小圆点模块制作.avi
24-网页布局总结.avi
25-display显示隐藏元素.avi
26-visibility显示隐藏元素.avi
27-overflow溢出显示隐藏.avi
28-土豆案例（上）.avi
29-土豆案例（下）.avi
7 @4 l' W: @0 F- q' k! e
9 c' F( R* O& p  Q09-前端基础CSS第七天
) l, h+ \& u: [* n! O/ E01-CSS高级技巧导读.avi
. A: ~$ o( b* J: P5 [" [4 E; X02-为什么需要精灵技术.avi
9 D3 r4 u' z0 p+ f' ?% q* E03-精灵图使用（原理）.avi
8 i3 c, ^8 i% E6 r04-精灵图使用（代码）.avi
05-精灵图案例-拼出自己名字.avi
3 g3 H1 Y2 y: s/ x6 {) b1 F8 L06-字体图标产生和优点.avi
07-字体图标下载.avi
08-字体图标的使用.avi
8 f: m$ v. [) d1 `- U/ h5 }09-字体图标的追加和加载原理.avi
10-CSS三角的做法.avi
11-CSS三角应用-京东效果.avi
12-用户界面-鼠标样式.avi
13-用户界面-取消表单轮廓和防止拖拽文本域.avi
  H) q5 t- U; X' Q5 r$ ~14-vertical-align实现行内块和文字垂直居中对齐.avi
15-图片底侧空白缝隙解决方案.avi
16-单行文字溢出省略号显示.avi
17-多行文字溢出省略号显示.avi
18-布局技巧-margin负值巧妙运用（上）.avi
19-布局技巧-margin负值巧妙运用（下）.avi
20-布局技巧-文字围绕浮动元素巧妙运用.avi
21-布局技巧-行内块的巧妙运用.avi
22-布局技巧-CSS三角巧妙运用（上）.avi
23-布局技巧-CSS三角巧妙运用（下）.avi
24-CSS初始化.avi
  ]1 w8 M% I! _; ^. p9 [; }

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

7 k4 A2 q' w$ F! |/ n