1.CSSの略字ルールを上手に活用しよう
/*上下左右の書き順に注意*/
1.余白(4辺)について
1px 2px 3px 4px (上) 、右、下 、 X x x1px 2px 3px (左省略同右)
1px 2px (上省略同下同)2、すべて簡略化
*/ body {margin: 0}---------------Web ページ内のすべての要素のマージンが 0 であることを示します
#menu{ margin:0}---------------メニューボックスの下のすべての要素 要素のマージンは 0
3 略語 (ボーダー) 固有のスタイル
Border:1px Solid #ffffff;
Border-width:0 1px 2px 3px;
4テキストの略語規則
Font-style: italic;
Font-variant:small-caps/normal;
Font-weight:bold;
Font-size:12px;Line-height :1.2em( 120%)/1.5em(150%);
Font-family:arrial,sans-serif,verdana;
省略形: Font:italic small-caps 太字 12px/1.5em arrial,sans-serif ;
注: フォントサイズと行の高さはスラッシュで結合されており、別々に記述することはできません。
5. 背景画像について
Background:#FFF url(log.gif) no-repeat 左上固定;
6. リストについて
List-style-type:square/none;
List-style-position:inside;
List-style-image:url(filename.gif);
次のように省略されます: List-style:none inside url(filename.gif);
2. アプリケーション4 CSSスタイルの導入方法
1, link
rel関係
type データ型、があります。多くの
href パス
一部のブラウザは代替スタイル、キーワードをサポートしています: alter:
2内部スタイル ブロック
3.@import
@import url{ a .css}
注: このディレクティブは、すべてのスタイルの前に、
