|
|
课程介绍:
O% n- ~2 x4 O; d
# H) f" M% V" l- Q! d3 F/ M1 a0 fSass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。: L3 ~9 c3 v1 l" r" d. k& ]
SASS是对CSS3（层叠样式表）的语法的一种扩充，它可以使用巢状、混入、选择子继承等功能，可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用，也就是说它本身的语法并不太容易让浏览器识别（虽然它和CSS的语法非常的像，几乎一样），因为它不是标准的CSS格式，在它的语法内部可以使用动态变量等，所以它更像一种极简单的动态语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。
" @8 {, [5 I8 o$ }4 X* w很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。
0 Q$ {) K/ Z4 j各种"CSS预处理器"之中，我自己最喜欢SASS，觉得它有很多优点，打算以后都用它来写CSS。下面是我整理的用法总结，供自己开发时参考，相信对其他人也有用。 ?4 s% D$ _1 q
想要提升web前端技术的同学可以学习。课程讲的很详细。
" [) j* z; Q; @/ u) W- C
' E& c6 p/ j5 p/ x8 k6 q! z' f适合学员:
! r( h5 h& h E1 m. e M, A( d. I$ c4 Q1 ~1 t" h2 ]) z
对web前端感兴趣，想从事web前端开发工作，具有一定的html css jquery基础。& {4 \2 V$ O3 R# b/ s6 H
) t! M) x5 D/ z! L) l
课程时长:% I# c7 J- g/ O3 D
- _& |2 R% k# e; w
每节大概20分钟左右，适合碎片化学习。
+ e ~; m$ j& }, k0 ]( f) F
0 G; |. C7 U! P; D% v) [& J课程目录: t4 Z9 o9 p7 ^' z6 m
. S$ R) S+ O1 G8 b
源码+素材& R! ^6 m3 K8 l; x" _ V+ v$ @' X
1.Sass课程整体介绍 00:16:21
O; A, z: j( b- ~! N7 n. @! o1 L2.sass与compass(上) 00:13:57% l: m% H9 J* z; J9 [; U B8 ]
3.sass与compass(下) 00:19:43
2 z, s6 ~7 V7 {" z5 ? N4.Sass、Less与Stylus 00:22:415 q3 { g6 p& t2 ^; s4 m. y
5.sass语法基础（命令行与注释） 00:31:35
P2 s( A! e, p8 r: p$ [6.sass语法（基础部分：变量与导入） 00:32:37& P7 l0 u7 G9 S/ |" ^5 g2 t
7.sass语法（继承与嵌套） 00:36:01
[' e' P! _7 f7 U8.sass进阶（数据类型、变量运算、mixin） 00:32:59
8 j1 {- f9 x* E% s2 `2 `9.sass进阶（函数与调试） 00:16:47
; W Z& |& `; Q6 Q4 d# \ _$ V: C10.Sass高级（条件控制） 00:21:462 A. O0 @/ ~/ `2 E. K
11.Sass官网（基础项目结构） 00:15:26
$ ^9 A) a! P5 G( a7 L. o12.Sass官网（自动化构建） 00:28:45
) F0 }) p4 M6 D7 c7 J6 m- _13.Sass官网（网站首页布局） 00:26:06
3 y/ b1 |0 l/ h14.Sass官网（网站首页一） 00:37:49! v% y% r/ q% g H- J
15.Sass官网（网站首页二） 00:42:13
# o9 q9 Z. `/ h2 u: r16.Sass官网（内容页实现） 00:40:38
' w3 a9 C# g9 ?: F4 S5 u17.Sass官网（响应式布局） 00:23:280 W! u5 p4 a2 D! H/ l- [+ m
18.项目总结 00:14:09
' N. t& B8 u0 U' g; B; m& P, N! W( u
3 K9 ^$ S2 ^: g9 c8 X. \
M; y/ j$ y# g. i) S1 b2 [! [
( q' U2 W$ N, e& `/ A) o
* s. ^/ y; a+ Y; p( A7 C% X n6 s1 _
资源下载地址和密码（百度云盘）： [/hide] 百度网盘信息回帖可见6 m: h5 h8 w# a# V
8 f) b6 I' V' w+ ^8 b; V
$ [6 q( | i/ X5 @* q3 S
' q) v+ U3 f5 R( m' b- l
本资源由Java自学网收集整理【www.javazx.com】 |
|
发表于 2022-6-21 04:21:01
