WEB– category –
-
WEB
【HTML】imgタグによる画像表示の指定
<img>の基本的な挙動とCSSについてのメモです。 とりあえず猫を用意します。 画像サイズは400x225pxです、これでOKです(- -) 「width / height」を指定した時の表示 <img>の「display」の初期値は「inline」ですが、インラインブロックボックスと... -
WEB
【CSS】グリッドを使いたい。「display:grid;」の基本
使えたら便利そうなグリッドプロパティ。 1度勉強してさっぱり忘れてしまったので復習を兼ねて書きます。 プロパティは沢山あるみたいですが、基本的なプロパティだけです。 HTMLコード これからCSSを適用するHTMLです。 このコードに基本的なグリッドの... -
WEB
【CSS】「position: absolute」を中央寄せする
つまずいたのでメモ。 「absolute」指定したはいいけど、中央に寄せるのってどうやるんだっけ?ということがありました。 上下中央にする See the Pen position: absoluteで上下中央にする by SHIITAKE (@SHIITAKE365) on CodePen. 「top、bottom」を「0」... -
WEB
【CSS】「background-color」(背景色)を「無し」にする
意外とつまずいたのでメモ(- -) 例えば background-color: #fff; と指定していたら background-color: transparent; と上書きしてあげれば透明になります。 最初適当に「none」とか指定していましたが、「backgroud-color」に「none」は無いんですねえ(^^;... -
WEB
【XD】文字間(カーニング)と行間(行送り)の数値をCSSに変換する
文字間(カーニング)の計算式 文字間(カーニング)の数値÷1,000 例えば、文字間が「75」だった場合、75÷1,000=0.075になります。 この0.075をCSSの「letter-spacing」プロパティにemをつけて0.075emと指定すればOKです。 文字間:75→letter-spacing:0.0...
1