回答編集履歴
7
修正
answer
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
以下、CSSを理解してい
|
|
1
|
+
以下、「CSSを理解している、SCSSを学びはじめの人」向けにオススメのステップを書いてみます。
|
|
2
|
+
いち意見として、ご参考ください。
|
|
2
3
|
|
|
3
4
|
[-1] 「@media」はSCSSの記述ではなくCSSの記述なので、SCSSの学習とは別にCSSを勉強してください。
|
|
4
5
|
|
6
修正
answer
CHANGED
|
@@ -36,4 +36,4 @@
|
|
|
36
36
|
**SCSSのファイルに、CSSファイルを貼り付けた場合、100%すべて機能する**という点です。
|
|
37
37
|
|
|
38
38
|
「ネスト」「mixin」「変数」「for文」などのSCSSの便利な機能は、無くても崩れはしないので、
|
|
39
|
-
1つずつ学んで1つずつ追加していって
|
|
39
|
+
1つずつ学んで1つずつ追加していってたほうが安全です。
|
5
修正
answer
CHANGED
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
前提としてまず認識していただきたいのは、
|
|
36
36
|
**SCSSのファイルに、CSSファイルを貼り付けた場合、100%すべて機能する**という点です。
|
|
37
37
|
|
|
38
|
-
「ネスト」「mixin」「変数」「for文」など
|
|
38
|
+
「ネスト」「mixin」「変数」「for文」などのSCSSの便利な機能は、無くても崩れはしないので、
|
|
39
|
-
|
|
39
|
+
1つずつ学んで1つずつ追加していっても構いません。
|
4
修正
answer
CHANGED
|
@@ -16,9 +16,7 @@
|
|
|
16
16
|
[7] 関数
|
|
17
17
|
|
|
18
18
|
学び始めて、1回目に試してみるときは[2]くらいまででいいと思います。
|
|
19
|
-
|
|
20
19
|
[5]以降は、初回では使用を避けたほうが無難だと思います。
|
|
21
|
-
(CSSの「calc()」や単位「vw」「vh」を知らないなら、そちらのほうがよっぽど優先度は高いので基準にしてみてください。)
|
|
22
20
|
|
|
23
21
|
特にnomura02さんの場合、SCSSというよりまずは@media (CSS) の使い方を覚えることのほうが先と思われるので、手こずるようなら[1]くらいまででいいかもしれません。
|
|
24
22
|
|
3
修正
answer
CHANGED
|
@@ -16,7 +16,9 @@
|
|
|
16
16
|
[7] 関数
|
|
17
17
|
|
|
18
18
|
学び始めて、1回目に試してみるときは[2]くらいまででいいと思います。
|
|
19
|
+
|
|
19
20
|
[5]以降は、初回では使用を避けたほうが無難だと思います。
|
|
21
|
+
(CSSの「calc()」や単位「vw」「vh」を知らないなら、そちらのほうがよっぽど優先度は高いので基準にしてみてください。)
|
|
20
22
|
|
|
21
23
|
特にnomura02さんの場合、SCSSというよりまずは@media (CSS) の使い方を覚えることのほうが先と思われるので、手こずるようなら[1]くらいまででいいかもしれません。
|
|
22
24
|
|
2
修正
answer
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
学び始めて、1回目に試してみるときは[2]くらいまででいいと思います。
|
|
19
19
|
[5]以降は、初回では使用を避けたほうが無難だと思います。
|
|
20
20
|
|
|
21
|
-
特にnomura02さんの場合、SCSSというよりまずは@media (CSS) の使い方を覚えることのほうが先と思われるので、
|
|
21
|
+
特にnomura02さんの場合、SCSSというよりまずは@media (CSS) の使い方を覚えることのほうが先と思われるので、手こずるようなら[1]くらいまででいいかもしれません。
|
|
22
22
|
|
|
23
23
|
参考URL:
|
|
24
24
|
[https://www.monster-dive.com/blog/web_creative/20140214_000130.php](https://www.monster-dive.com/blog/web_creative/20140214_000130.php)
|
1
修正
answer
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
[3] 変数 (色、font-family、については変数化するととても楽です。)
|
|
11
11
|
[3.5] インターポレーション
|
|
12
12
|
[4] ミックスイン (@mixinと@include)
|
|
13
|
+
|
|
13
14
|
[5] if文
|
|
14
15
|
[6] ループ文 (@while、@for、@each)
|
|
15
16
|
[7] 関数
|