ホームページ >バックエンド開発 >PHPチュートリアル >CSSレビュー
キーポイント:
span.align:center}
p{font-family:sens serif}
p{link:color #FFF000}
ul li{list-style-image:url[xxx.jpg]} リストロゴ
テーブル{border-collapse:1px Solid blue} 単一のボーダーを形成します
2. ボックス モデル
*{margin:0;
border:0}
{padding-left:20%}
p{border-style:solid sold sold none}
p{margin:0.25 in}
3. 配置
div h1 p はブロック要素と呼ばれます
span Strong はインライン要素と呼ばれます (表示属性を block に設定することで)
例: (
この段落には個別の 相対位置 EG: h2.pos_Left これは導入の段落です。
{positive: 関連:
left: -20px} 絶対浮動小数点数
4.セレクター
H2 {color:silver;}
選択範囲をマージ: body、h2、p、table、th、td、pre、strong、em {color:gray;}
クラス選択:この見出しは非常に重要です。
この段落は非常に重要です。
. important {color:red;}
ID セレクター:
設定 #intro {font-weight:bold;}
属性セレクター
ですべての惑星要素を選択したい場合は、 Moons 属性、使用します。 赤で表示されますが、最初の要素のテキストは赤ではありません
子孫セレクター
h1 要素を子孫として扱います。 em 要素のテキストが赤色になります。他の em テキスト (段落内の em やブロック引用符など) はこのルールでは選択されません
h1 em {color:red;}
子要素を選択
h1 >strong {color:red;}
隣接する兄弟を選択します
h1 + p {margin-top:50px;}
疑似クラス (コロン)
a:link {color: #FF0000}
p:first-child {font-weight:太字;}
疑似要素
p:最初の一文字
以上、CSSのレビューをその側面も含めて紹介しましたが、PHPチュートリアルに興味のある友人の参考になれば幸いです。