Div+CSS ルール_html/css_WEB-ITnose

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}

注: このディレクティブは、すべてのスタイルの前に、