2020年9月

今回は、HTMLコードのtimeの使い方について解説します。 timeの使い方 HTMLコードのtimeは、日付や時間に対して使用するコードです。 特に、timeを記載しなくても問題はありませんが、 ブラウザに対して正確 […]

今回は、テキスト要素を表示するためのHTMLコードである『h1〜h6、p、a、span、br』を紹介します。 テキスト要素を表示するためのHTMLコード集[h1〜h6、p、a、span、br] 見出しに使うh1〜h6 h […]

今回は、私も学習当初に疑問に思っていたことである widthとmax-widthをなぜ同じclass内に記載するのか？ という点について解説させていただきます。 widthとmax-widthを同じclass内に記載する […]

今回は、display:block、inline、inline-blockについてデモを使いながら解説していきたいと思います！ [これで完璧に理解]display:block、inline、inline-blockについ […]

今回は、a要素をホバーした時のカーソルを変化させる cursorの種類についてデモを使って紹介します。 a要素に使うカーソルの種類を一挙紹介！ それでは、さっそくデモを見ながら種類の確認をしていきましょう！ See th […]

今回は、テキスト要素に対して余白をつける方法について解説したいと思います。 テキストに余白をつける方法 テキストに余白をつける方法として、 marginとpaddingでつける方法があります。 まずは、以下の画像をご覧く […]

今回は、サイトの横幅を統一し、ブロック要素を常に中央に配置する方法をご紹介します。 サイトの横幅を統一し、ブロック要素を中央に配置する方法[widthとmargin] まずは、以下の使用例をご覧ください。 See the […]

今回は、テキストの縦軸を『line-height』を使って、 中央に揃える方法をご紹介します。 テキストの縦軸を中央に揃える方法[line-height] それでは、まずは、line-heightの使用例をご覧ください。 […]

今回は、HTMLのh1やpなどのテキスト要素の、 太さやサイズの変更などを行うCSSコードを紹介します。 なお、今回は、実戦でよく使うCSSコードの紹介になります。 HTMLテキスト要素の太さやサイズを変えるCSSコード […]

今回は、テキスト要素を左揃え・中央揃え・右揃えにするtext-alignの使い方をご紹介します。 テキストやブロック要素を左揃え・中央揃え・右揃えにする方法 テキスト要素を左揃え・中央揃え・右揃えにするtext-alig […]