ホームページ > 記事 > ウェブフロントエンド > 02-CSS仕上げ_html/css_WEB-ITnose
1. 概要
CSS (カスケード スタイル シート)
HTML よりも強力なページ レイアウトと美化ツールを提供します
CSS は Web ページのコンテンツと表示スタイルを結合します。分離により、表示機能
2. CSS と HTML の組み合わせ
1. スタイル属性メソッド (インライン スタイル): 柔軟だが面倒、ローカル修正のみに適している
2. スタイルタグ方法(組み込みスタイル):CSSスタイルをHTML Pageの頭に挿入しました。
="text/css">
4. 接続方法:
: 范 范 コード仕様: セレクター名 {属性名: 属性値 ...}、複数の属性値スペースで区切ってください
HTML タグ名を使用します
font {background-color : #FFFF00; カラー: #FF0000; }
.p2 {font-size ; 拡張セレクター
4 関連セレクター: (コンテキスト セレクター) 、ネストされた 1 つのラベル、別のラベル
p font {font-size:1cm}異なるラベルスタイルは同じですa:link {color:red} a:visited {color:blue}a:hover {color:black} a:active {color:yellow {color:yellow }
5. 共通操作(属性と値についてはヘルプマニュアルを参照してください)
1. フォント設定: フォント、色、フォントサイズ、フォントファミリー...
2. テキスト設定: text-intent、text-align...
3. 背景設定: 背景、背景色、背景位置...
4. リスト設定: リストスタイル...
5. ボックスモデル: ボーダー、マージン、パディング
6位置設定:position、float、clear、z-index
‐ ‐ ‐ ‐ へ
7. マウスのスタイル設定: カーソル 🎜 🎜 🎜 🎜 8..... 🎜 🎜 🎜 🎜 🎜