WEBST8

HTMLやCSSを学習している初心者の方で必ずと言っていいほどつまずくのが「CSSで指定しているのに設定が効かない」というトラブルです。 CSSでうまくスタイルを適用するためには、セレクタの優先順位や詳細度、継承の特性を理解する必要があります。 今回はCSSセレクタの優先順位・詳細度や継承について紹介します。 ◾️CSSセレクタの優先順位の決まり方 !important インラインスタイルシート形式 style="...." IDセレクタ　 #top{... ...

ここでは、知っておきたいCSSの擬似クラスと擬似要素の基本と併用可否について説明します。       代表的な擬似クラス ある要素が特定の状態にあるときにスタイルを指定する方法に擬似クラスがあります。   例) ある要素に対して、クリックされた状態にある時 ある要素に対して、カーソルが上に乗っている時 などなど。   擬似クラスは、以下のように指定します。 セレクタ:擬似クラス{ 　任意のCSS設定 } で指定します。   代表的なものとしてマウ ...

今回は、これから自分でホームページ作成しようとCSSの勉強を始めた初心者の方向けに、CSSの基本と書き方やよく使うプロパティ一覧を紹介します。 ※HTMLを勉強したい方は「【初心者向け】知っておきたいHTMLの基本とよく使うタグ一覧」の記事をご参考ください。   HTML・CSSを書く際は開発用エディターを利用すると便利 HTML・CSSはテキストなのでテキストエディターであればなんでも記述することはできますが、Visual Studio Code (以下VS Code)などの開発用エディターを ...