【Sass】Node.js、Gulp導入手順メモ
- 2020.06.15
Sassの導入手順の自分用のメモです。 後述の参照ページの要約。 毎回手順を忘れているのでメモメモ……(- -) 手順 Node.jsを公式サイトからインストールする コマンドプロンプトを起動する(Windowsキー+R) [node -v]と入力しインストールされているか確認(コマンドはNode.jsのバージョン確認) プロジェクトフォルダーを作成し、そこに移動する。移動するにはコマンドを打つか […]
ブログとゲームとWEBデザイン
Sassの導入手順の自分用のメモです。 後述の参照ページの要約。 毎回手順を忘れているのでメモメモ……(- -) 手順 Node.jsを公式サイトからインストールする コマンドプロンプトを起動する(Windowsキー+R) [node -v]と入力しインストールされているか確認(コマンドはNode.jsのバージョン確認) プロジェクトフォルダーを作成し、そこに移動する。移動するにはコマンドを打つか […]
<img>の基本的な挙動とCSSについてのメモです。 とりあえず猫を用意します。 画像サイズは400x225pxです、これでOKです(- -) 「width / height」を指定した時の表示 <img>の「display」の初期値は「inline」ですが、インラインブロックボックスと同じように扱われるため、「width / height」でボックスの大きさを指定すること […]
使えたら便利そうなグリッドプロパティ。 1度勉強してさっぱり忘れてしまったので復習を兼ねて書きます。 プロパティは沢山あるみたいですが、基本的なプロパティだけです。 HTMLコード これからCSSを適用するHTMLです。 このコードに基本的なグリッドのプロパティを適用していきます。 CSSにグリッドプロパティだけ書きたいので、装飾はインラインに書いています。 なんかすげえごちゃごちゃしていますが親 […]
つまずいたのでメモ。 「absolute」指定したはいいけど、中央に寄せるのってどうやるんだっけ?ということがありました。 上下中央にする See the Pen position: absoluteで上下中央にする by SHIITAKE (@SHIITAKE365) on CodePen. 「top、bottom」を「0」指定した上で「margin: auto」を指定すると上下中央に配置されま […]
意外とつまずいたのでメモ(- -) 例えば background-color: #fff; と指定していたら background-color: transparent; と上書きしてあげれば透明になります。 最初適当に「none」とか指定していましたが、「backgroud-color」に「none」は無いんですねえ(^^;) ちなみに「transparent」は初期値でした。 解決、お疲れさま […]