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