CSSレビュー

WBOY
WBOYオリジナル
2016-08-08 09:28:241413ブラウズ

キーポイント:
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 属性、使用します。 赤で表示されますが、最初の要素のテキストは赤ではありません
Venus
Earth
子孫セレクター
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チュートリアルに興味のある友人の参考になれば幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。