CSS 風の略語 (この記事は人気が出そうな気がします笑)_html/css_WEB-ITnose

1. ボックス: A. margin:top right lower left 上下が同じ場合は左右も同じ margin:top right 上下のみが同じ、または左右のみが同じ場合は省略できません。例: margin:10px (余白は上下左右に 10px)
2. Border: border:width スタイルの色 たとえば、border:2px ソリッドレッド;
3. 背景: には 5 つの属性があります。 CSS1 と 3 つの新しい CSS が CSS3 に追加されました。つまり、8 つの属性が追加されました。background: [background-color] [background-

image] [background-repeat][background-attachment] (固定メソッド) [background-position] (インターセプト画像位置) / [

background-size] (背景画像サイズ) [background-origin] (背景画像配置領域) [background-clip] (背景描画領域) 例:

background:red url(. ./images/bg.jpg) no-repeat fixed 10px 10px/40% content-box content-box;
4. フォント: font:font-style (フォント スタイル) font-variant (テキストを小文字フォントまたは通常のフォントで表示) font) font-weight (フォントの太さ) font-

size (フォント サイズ)/line-height (行の高さは不確か) font-family (太字などのフォント ファミリー) 例: font:italic small-caps
;
bold 1em/140% "blackbody"; フォント定義を省略する場合は、少なくとも 2 つの値 (font-size と font-family) を定義する必要があることに注意してください。
5. リスト: list:list-style-type list-style-position list-style-image; たとえば、 list: 内側の url(../images/1.jpg); 6.例: #00ffff---#0ff #000000---#000;#0000ff---#00f; のように省略できます。 属性値が 0 の場合。 0、単位は省略されます (例: margin :0;
8)。最後のセミコロン、例: div{width:100px;height:100px}
9。 角の半径: border-radius:topleft toprightbottomrightbottomleft; 例: : border-radius:10px 10px 10px 10px;すべてが同じ場合は、1 つだけ書きます border-radius: 10px; 右上と下右のみが同じ場合、右上と左下が同じ場合は、border-radius: 10px 10px に注意してください。斜めです