HTML / CSS

【Sass】Node.js、Gulp導入手順メモ

  • 2020.06.15

Sassの導入手順の自分用のメモです。 後述の参照ページの要約。 毎回手順を忘れているのでメモメモ……(- -) 手順 Node.jsを公式サイトからインストールする コマンドプロンプトを起動する(Windowsキー+R) [node -v]と入力しインストールされているか確認(コマンドはNode.jsのバージョン確認) プロジェクトフォルダーを作成し、そこに移動する。移動するにはコマンドを打つか […]

【HTML】imgタグによる画像表示の指定

  • 2019.12.27

<img>の基本的な挙動とCSSについてのメモです。 とりあえず猫を用意します。 画像サイズは400x225pxです、これでOKです(- -) 「width / height」を指定した時の表示 <img>の「display」の初期値は「inline」ですが、インラインブロックボックスと同じように扱われるため、「width / height」でボックスの大きさを指定すること […]

【CSS】グリッドを使いたい。「display:grid;」の基本

  • 2019.12.21

使えたら便利そうなグリッドプロパティ。 1度勉強してさっぱり忘れてしまったので復習を兼ねて書きます。 プロパティは沢山あるみたいですが、基本的なプロパティだけです。 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」は初期値でした。 解決、お疲れさま […]