Div+CSS ルール配置_html/css_WEB-ITnose

1. CSSの略字ルールを上手に活用しよう

/*上下左右の書き順に注意*/

1.余白(4辺)について:

1px 2px 3px 4px (上) 、右、下)、左)

1px 2px 3px (省略された左が右に等しい)

1px 2px (省略された上が下に等しい)

1px (4 つの辺はすべて同じ)

2すべてを簡略化します:

*/ body{margin :0}----------Web ページ内のすべての要素のマージンが 0 であることを示します

#menu{ margin:0}-- ----------メニュー ボックスの下の余白が 0 であることを示します。

3. 略語 (境界線) 固有のスタイル:

Border:1px Solid #ffffff; -width:0 1px 2px 3px;

4. テキストの省略規則について:

Font-variant:small-caps/normal; -height:1.2em(120%)/1.5em(150%);

Font-family:arrial,sans-serif,verdana;

の省略形:

Font:italic small-caps 太字 12px/1.5em 到着,sans-serif;

注: フォントサイズと行の高さはスラッシュで結合されており、別々に記述することはできません。

5. 背景画像について:

Background:#FFF url(log.gif) 左上固定

6. リストについて:

List-style-type:square/なし ;

List-style-image:url(filename.gif);

list-style:none inside url(filename.gif);

2 つ目、CSS スタイルを導入する 4 つの方法を使用します

1.link

rel 関係

type データ型、多くの

href パスがあります

一部のブラウザは候補スタイルをサポートしています。キーワード: 代替:

2. 内部スタイル ブロック

3. @import

@import url{a.css}

注: このディレクティブは、