|
|
课程介绍:/ t2 t4 o2 y% h" N9 k, [! K4 A' K
) @+ {% p' W5 G0 ^" @
Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。2 p1 t b ~- a7 r. ]) R/ V% Z& ^
SASS是对CSS3（层叠样式表）的语法的一种扩充，它可以使用巢状、混入、选择子继承等功能，可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用，也就是说它本身的语法并不太容易让浏览器识别（虽然它和CSS的语法非常的像，几乎一样），因为它不是标准的CSS格式，在它的语法内部可以使用动态变量等，所以它更像一种极简单的动态语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。
1 R# r; [; V! h3 i9 G很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。 v% b; k+ W* D9 }3 ]4 \' u
各种"CSS预处理器"之中，我自己最喜欢SASS，觉得它有很多优点，打算以后都用它来写CSS。下面是我整理的用法总结，供自己开发时参考，相信对其他人也有用。' j4 @. b. a% ^+ H7 [7 `
想要提升web前端技术的同学可以学习。课程讲的很详细。
/ a1 Z. v& T, r$ D( {, }. x% p9 a8 U1 u( p2 H Y$ T2 _1 y
适合学员:$ ` V; o, s5 O
6 {" R6 m: N8 l( W
对web前端感兴趣，想从事web前端开发工作，具有一定的html css jquery基础。
9 X. X, I9 N) K6 d; c7 r
0 d- y$ G+ }: L( k课程时长:
" T# B: ]/ ^+ N+ Q. Z$ E, ]# X: w8 _& T. h5 b
每节大概20分钟左右，适合碎片化学习。- p6 A0 [4 s. g$ Q+ F' }
+ H! a0 n7 { O* P8 _1 u
课程目录:" e: w+ s- ~' |0 j" t' Q' P
& h4 a+ m, u. c {0 Z源码+素材
( q# r- `( N2 o! g! A1.Sass课程整体介绍 00:16:21
# p, d2 T/ Z+ V D4 R, t7 b& _2.sass与compass(上) 00:13:57
/ _. Z5 f5 g6 Q. Y Y+ R3.sass与compass(下) 00:19:43; f2 Z' t. t5 ?- J; `" j' ^
4.Sass、Less与Stylus 00:22:41
- O- q$ |1 \ t# S5.sass语法基础（命令行与注释） 00:31:352 T) M- {' l% Q$ q" m' h
6.sass语法（基础部分：变量与导入） 00:32:372 p3 X3 Y5 `; t& q, C n
7.sass语法（继承与嵌套） 00:36:01/ d' k6 m \2 m# q
8.sass进阶（数据类型、变量运算、mixin） 00:32:59; P# z+ o2 V' @
9.sass进阶（函数与调试） 00:16:47
1 ]! P2 l0 d/ H10.Sass高级（条件控制） 00:21:46
( X/ c6 w1 n3 y( z3 B! {$ F11.Sass官网（基础项目结构） 00:15:260 |; f) S( ~; t/ M; f
12.Sass官网（自动化构建） 00:28:455 e7 W2 f8 y1 q- }6 w: q8 f
13.Sass官网（网站首页布局） 00:26:069 Y+ p3 h7 }# K4 L
14.Sass官网（网站首页一） 00:37:495 r2 I. d% Y |# X2 g
15.Sass官网（网站首页二） 00:42:131 }% @3 K7 k( [ G b+ B# N* ^+ k
16.Sass官网（内容页实现） 00:40:389 [3 x9 E6 a9 O' N/ w8 D
17.Sass官网（响应式布局） 00:23:282 B1 H$ P, M3 S
18.项目总结 00:14:092 V* ?- f% H+ Q1 d, j7 b( {7 k2 _1 l' Q
) a# y5 P% f: ?
c+ k5 U1 M8 a6 X; Q6 U5 S% c5 J
+ Q4 y% n* {9 z
9 W4 R, ]; V5 U; z! K4 D, L2 |
, W$ O! C& z# t$ K# P资源下载地址和密码（百度云盘）： [/hide] 百度网盘信息回帖可见+ F7 ^; K! M$ ~
5 K' ]# I8 o0 H: ]
* U' e L$ A; m4 I% I
3 ~+ q0 j4 {& \; R M8 d8 u! M本资源由Java自学网收集整理【www.javazx.com】 |
|
发表于 2022-6-21 04:21:01
