韓国ドラマを中心に、犬との暮らしや日々の気づきをゆるく綴る雑記ブログです。

CSS初心者ノート

CSS初心者さん向けに、基本構文・文字装飾・背景・レイアウトなどをやさしく解説するシリーズです。HTMLとの組み合わせで見た目を整えるコツを学べます。

ブログの進め!

【第12回】セレクタ応用と優先順位|CSS初心者ノート

CSS初心者向けに、セレクタの組み合わせ方(複合セレクタ)や優先順位の仕組みをやさしく解説。カスケードや!importantを理解して、「なぜ効かない?」を解決しましょう。
ブログの進め!

【第11回】クラスとIDを使ってみよう|CSS初心者ノート

CSS初心者向けに、クラス(.class)とID(#id)の違いと使い方を解説。複数要素に共通デザインを当てたいときや、一部だけを指定したいときに役立つセレクタ基礎を学びます。
ブログの進め!

【第10回】リストとリンクのデザイン|CSS初心者ノート

CSS初心者向けに、list-styleでリスト記号を変える方法や、a:link / :hover / :visitedでリンクの色・下線を調整する基本をわかりやすく解説します。
ブログの進め!

【第9回】幅・高さ・中央配置をマスターしよう|width / height / margin: auto【CSS初心者ノート】

CSSの基本「幅・高さ・中央配置」を初心者向けに解説!width / height / margin: auto の使い方と、よくあるミス・中央揃えのコツを図解付きで学びます📘
ブログの進め!

【第8回】枠線をデザインしてみよう|border / border-radiusで角丸ボックスを作る【CSS初心者ノート】

CSS初心者向けに、borderとborder-radiusの使い方をやさしく解説。角丸やカード風ボックス、見出し線など、枠線をデザインするコツをコード例付きで紹介します。
ブログの進め!

【第7回】ボックスモデル基礎|CSS初心者ノート

CSS初心者向けに、ボックスモデルの基本をやさしく解説。margin(外側の余白)・padding(内側の余白)・border(枠線)の違いを図解で理解しよう。コード例付きで実践的に学べます。
ブログの進め!

【第6回】背景をつけよう|CSS初心者ノート

CSS初心者向けに、background-colorとbackground-imageの基本をわかりやすく解説。背景色の指定方法から画像の設定、ショートハンドでの組み合わせまで実例付きで紹介します。
ブログの進め!

【第5回】テキストの位置を整えよう|CSS初心者ノート

CSSで文字の位置を整える方法を初心者向けに解説します🧭text-alignで横方向の位置を、line-heightで行間を調整。読みやすく見せるためのコツを実例つきで紹介します✨
ブログの進め!

【第4回】文字の装飾をしてみよう|CSS初心者ノート

CSSで文字を装飾する基本!font-weightで太字、font-styleで斜体、text-decorationで下線や取り消し線をつける方法を、初心者向けにわかりやすく紹介します。