最近、CSSのフレームワークであるBootstrapを勉強している。 勉強している時に、Google Chromeの検証ツールで 「どのようにCSSで指定されてるのか？」 を確認していると white-space:nowrap というCSSの指定をよく見るが、意味がぜんぜんわからなかった(笑)。 「CSSのwhite-...

WEBページに動きをつける役割を果たすJavaScript。 JavaScriptの基本の内容が載っている本に必ず載っているのが alert（）だ。 alert()はメッセージを伝えるダイアログを表示する alert()はメッセージを伝えるためのダイアログを表示する命令文。 パスワード間違った時とかに ↑のように表示さ...

CSSの勉強をしていて 「white-space: normalってどういう意味なんだろう？」 と思ったので調べてみた。 white-spaceとは余白のこと そもそも 「white-spaceって日本語でどういう意味？」 という疑問があった。 white-spaceの英単語自体の意味は「余白」「空白」ということだそう...

「このページの見出しの色を赤色にしたい！」 という感じで色指定をしたい時はホームページのコンテンツを作成したり、修正したりしていれば必ず出てくる。 CSSで色を指定する方法は カラーコード：#英数字 カラーネーム：色の名前 RGB：rgb(赤の数値 緑の数値 青の数値) HSL：hsl(色相の数値, 彩度の数値, 輝度...

文字の太さを変えたい時に便利なのが、font-weightプロパティだ。 「見出しをもっと太くして目立つようにしたい！」 「ここの文字は少し細めにしたい！」 という時にこのfont-weightが使える。 文字を太くしたい場合はfont-weight:bold 文字を太くしたい場合に手っ取り早いのは font-weig...

他のサイトを見ているとたまに <pre＞～</pre> というタグを見ることがある。 このpreタグって何なのか？ どういう時に使うのか？ がわからなかったので調べてみた。 preとは「Preformatted Text」の略 preは「Preformatted Text」の略だ。 1つずつ単語を訳す...

CSSで 「このコードの意味はこういうこと。」 という感じでメモや注意書きを残しておきたいことがよくある。 特に私のような初心者の場合、勉強している中で理解したことなどを 「このコードがあのコードにつながっている！」 とかをHTMLやCSSに残しておくと見返した時にかなり便利だ。 （もちろん理解したことをコメントアウト...

font-sizeの指定に～remという単位を使っているサイトがたくさんある。 font-size:16pxって設定されていれば、 「字の大きさが16pxなんだな。」 とぱっとわかるんだけど、remで指定されていると 「えっどれくらいの大きさなの？？」 と思ってしまって、苦手だ（初心者で慣れていないせいだからだと思うが...

CSSでよく出てくる marginとpadding プログラミング勉強をし始めの時に 「marginとpaddingって何が違うわけ？？」 とずっと疑問に思っていた。 marginは外側の余白 marginは外側の余白のことだ。 繰り返しになるが、僕は最初の頃は本当にmarginとpaddingの区別が全然つかなかった...

レスポンシブのサイトのコードを見るとheadタグ内に <meta name="viewport" content="width=device-width, initial-scale=1"> 上記のような記述がある。 viewport　というのはWEBページの表示の範囲をどう設定するかを決めるコードだ。 n...