WebサイトのSEO対策と聞くと、キーワードや内部リンクが思い浮かぶかもしれません。でも実は、「正しいレイアウト構成」もとても大事なのです。検索エンジンがスムーズに内容を理解でき、なおかつユーザーがストレスなく読める構造 […]

:emptyとは？ :emptyはCSSの疑似クラスで、要素の中身が何もない場合に適用できます。 :emptyの指定方法 要素:empty {プロパティ: 値;} :emptyの応用例 ① リストの空白要素を非表示にする […]

この「今あるWebサイトを改善する」シリーズでは、HTMLとCSSを使ってこれまでのWebサイトからデザインを変更する方法と、その重要性について解説しています。 Webサイトを運営していると、長いURLやテキストリンクが […]

前回の「:nth-child() の “of S” 構文で、細かく要素を指定する方法①」では、:nth-child() の “of S” 構文とは何かを紹介しました。続いて […]

今回は、:nth-child() や :nth-of-type() より細かい指定ができる:nth-child() の “of S” 構文を使う方法を紹介します。 :nth-child()とは ま […]

この「今あるWebサイトを改善する」シリーズでは、HTMLとCSSを使ってこれまでのWebサイトからデザインを変更する方法と、その重要性について解説しています。 今回は、PC向けデザインのWebサイトをCSSのメディアク […]

この「今あるWebサイトを改善する」シリーズでは、HTMLとCSSを使ってこれまでのWebサイトからデザインを変更する方法と、その重要性について解説しています。 ブログやWebサイトに画像を追加することは、視覚的な魅力や […]

今回は、Webサイトで画像を表示する際に使われる「絶対パス」と「相対パス」について簡単に解説します。 「絶対パス」と「相対パス」の「パス」とは？ 「パス」とは、HTMLで画像ファイルを表示する際に、その画像がどこに保存さ […]