最近、CSSのフレームワークであるBootstrapを勉強している。 勉強している時に、Google Chromeの検証ツールで 「どのようにCSSで指定されてるのか?」 を確認していると white-space:nowrap というCSSの指定をよく見るが、意味がぜんぜんわからなかった(笑)。 「CSSのwhite-...
CSS
CSSの記事一覧
CSSの勉強をしていて 「white-space: normalってどういう意味なんだろう?」 と思ったので調べてみた。 white-spaceとは余白のこと そもそも 「white-spaceって日本語でどういう意味?」 という疑問があった。 white-spaceの英単語自体の意味は「余白」「空白」ということだそう...
「このページの見出しの色を赤色にしたい!」 という感じで色指定をしたい時はホームページのコンテンツを作成したり、修正したりしていれば必ず出てくる。 CSSで色を指定する方法は カラーコード:#英数字 カラーネーム:色の名前 RGB:rgb(赤の数値 緑の数値 青の数値) HSL:hsl(色相の数値, 彩度の数値, 輝度...
文字の太さを変えたい時に便利なのが、font-weightプロパティだ。 「見出しをもっと太くして目立つようにしたい!」 「ここの文字は少し細めにしたい!」 という時にこのfont-weightが使える。 文字を太くしたい場合はfont-weight:bold 文字を太くしたい場合に手っ取り早いのは font-weig...
CSSで 「このコードの意味はこういうこと。」 という感じでメモや注意書きを残しておきたいことがよくある。 特に私のような初心者の場合、勉強している中で理解したことなどを 「このコードがあのコードにつながっている!」 とかをHTMLやCSSに残しておくと見返した時にかなり便利だ。 (もちろん理解したことをコメントアウト...
font-sizeの指定に~remという単位を使っているサイトがたくさんある。 font-size:16pxって設定されていれば、 「字の大きさが16pxなんだな。」 とぱっとわかるんだけど、remで指定されていると 「えっどれくらいの大きさなの??」 と思ってしまって、苦手だ(初心者で慣れていないせいだからだと思うが...
CSSでよく出てくる marginとpadding プログラミング勉強をし始めの時に 「marginとpaddingって何が違うわけ??」 とずっと疑問に思っていた。 marginは外側の余白 marginは外側の余白のことだ。 繰り返しになるが、僕は最初の頃は本当にmarginとpaddingの区別が全然つかなかった...
「文字の間隔を狭めたい!」 という時に有効なのが、letter-spacingプロパティだ。 単語の意味としては letter=文字 spacing=間隔 なので、letter-spacing=文字の間隔を調整するプロパティと覚えておくと良いと思う。 通常は使うことは少ないかもしれないけど、カタカナの文字を見出しに使う...
今回は背景画像のサイズを変えたい場合について! CSSで背景画像を設定したけど、↓みたいにそのサイズが 「大きすぎる!写真が全部入ってないじゃん。」 ってことがよくあると思う。 「この画像の大きさを変えたい!」 って時に…...
プログラミング小僧のような初心者にとって、 「あれ?CSSが反映されない、、、なぜだ?」 という時がめちゃくちゃある。 たいていは凡ミスなことが多いのだが、情けないのだがなかなかその凡ミスに気づけないのだ。 そのため、C…...