[これで完璧理解]display:block、inline、inline-block
今回は、display:block、inline、inline-blockについてデモを使いながら解説していきたいと思います！ [これで完璧に理解]display:block、inline、inline-blockについ […]
[cursor]a要素に使うカーソルの種類を一挙紹介！
今回は、a要素をホバーした時のカーソルを変化させる cursorの種類についてデモを使って紹介します。 a要素に使うカーソルの種類を一挙紹介！ それでは、さっそくデモを見ながら種類の確認をしていきましょう！ See th […]
[margin/padding]テキストに余白をつける方法[HTML&CSS]
今回は、テキスト要素に対して余白をつける方法について解説したいと思います。 テキストに余白をつける方法 テキストに余白をつける方法として、 marginとpaddingでつける方法があります。 まずは、以下の画像をご覧く […]
サイトの横幅を統一し、ブロック要素を中央に配置する方法[widthとmargin]
今回は、サイトの横幅を統一し、ブロック要素を常に中央に配置する方法をご紹介します。 サイトの横幅を統一し、ブロック要素を中央に配置する方法[widthとmargin] まずは、以下の使用例をご覧ください。 See the […]
[HTML&CSS]テキストの縦軸を中央に揃える方法[line-height]
今回は、テキストの縦軸を『line-height』を使って、 中央に揃える方法をご紹介します。 テキストの縦軸を中央に揃える方法[line-height] それでは、まずは、line-heightの使用例をご覧ください。 […]
HTMLテキスト要素の太さやサイズを変えるCSSコード集
今回は、HTMLのh1やpなどのテキスト要素の、 太さやサイズの変更などを行うCSSコードを紹介します。 なお、今回は、実戦でよく使うCSSコードの紹介になります。 HTMLテキスト要素の太さやサイズを変えるCSSコード […]
[HTML&CSS]テキストやブロック要素を左揃え・中央揃え・右揃えにする方法
今回は、テキスト要素を左揃え・中央揃え・右揃えにするtext-alignの使い方をご紹介します。 テキストやブロック要素を左揃え・中央揃え・右揃えにする方法 テキスト要素を左揃え・中央揃え・右揃えにするtext-alig […]
[rgbaとopacity]CSSでテキストやブロック全体を薄く（透明度）する方法
今回は、テキストやブロック全体の要素をrgbaやopacityを使って、 薄く（透明度を）にする方法をご紹介します。 rgbaとopacityを使ってテキストやブロック全体を薄く（透明）する方法 テキスト要素を薄くするr […]
Google fontsの書体の読み込み方と使い方
今回は、Google fontsの書体の読み込み方と使い方を画像を使って、 わかりやすくご紹介させていただきます。 Google fontsの書体の読み込み方と使い方 1.Google fontsの公式ページで使用したい […]
Doctype宣言の書き方（ショートカットキー）とhead内に記載しないといけない要素
今回は、コードを書き始める上で欠かせないDoctype宣言の書き方とhead内に必ず記載しないといけない要素をご紹介します。 独学でHTML&CSSを学んでいる方に向けて、以下の記事はすごく参考になります！ つま […]