CSSセレクタの体系と実装テクニック
CSSの適用方法
スタイルルールをDOMに反映させる手法は、以下の3つが主流です。
外部スタイルシート: .cssファイルを分離し、HTML側で<link>タグ経由で読み込む。保守性とキャッシュ効率に優れるため、本番環境での標準手法です。
<head>内インライン定義: <style>タグ内に直接記述する。デバッグや軽量なプロトタイピングに適しています。
タグ ...
8月18日 12:15 投稿
CSS3セレクタ
属性セレクタ
属性セレクタは、要素の属性に基づいてスタイルを適用します。例えば、特定の属性を持つ要素や、属性値が特定の値に一致する要素を選択できます。
<style>
input[readonly] {
background-color: lightgray;
}
textarea[placeholder="検索"] {
background-color: lightblue;
}
</style>
<body>
<div>
< ...
7月21日 03:58 投稿
HTML5とCSS3の主要新機能まとめ
HTML5の主な新機能
セマンティック要素（★★）
従来は <div> を多用していたが、HTML5では意味を持たせたタグが導入された。これによりSEOやアクセシビリティが向上する。
<header>：ページまたはセクションのヘッダー
<nav>：ナビゲーションリンク群
<article>：独立したコンテンツ（ブログ記事など）
<section>：文書内の一般的 ...
6月4日 21:45 投稿