CSSを省略するテクニックとは何ですか? 5 つの CSS ヒントのまとめ

云罗郡主
リリース: 2018-10-20 13:46:25
オリジナル
2282 人が閲覧しました

CSS を学習するとき、多くの人は CSS にどのようなスキルがあるのか​​を知りたがります。実際、CSS スタイルのスキルを習得することは、CSS を自分で書くのにも役立ちます。では、CSS の略称は何でしょうか。以下に 5 つの CSS ヒントをまとめてみましょう。

CSSを省略するテクニックとは何ですか? 5 つの CSS ヒントのまとめ

1: CSS ボックスのサイズ。CSS ボックスには主に、margin と padding という 2 つの属性があります。この 2 つの用途は同じであることは誰もが知っています。は 3 次元であり、4 つの方向があり、各方向に境界線があります。例として、コードは次のとおりです。非常に簡単に、次のように margin を記述することもできます: 2px 3px 3px 2px; 構文 margin: top rightbottom left; 2 つの表現方法も同じです。

2: 境界線のプロパティは次のとおりです:

margin-top:2px;
margin-right:3px;
margin-bottom:3px;
margin-left:2px;
ログイン後にコピー

別のコードに変更することもできます:

border-width:1px;
border-style:solid;
border-color:#000;
ログイン後にコピー

3: 色の書き方

## CSS の #Color 表現方法は 16 進数で、最初の 2 つのコードが同じ場合は、半分に短縮できます。

4: CSS を学習している多くの学生は、最後の属性を書き終わるときに常にセミコロンを書きたがります。実際には、最後のセミコロンを記述する必要はありません。

5: フォントを使用してフォントを表すことができますが、まず、font-size と font-family の 2 つの値をそれぞれ使用して、省略フォントを定義する必要があります。

以上、CSS省略のテクニックとは何でしょうか? 5 つの CSS ヒントをすべて紹介します。

CSS ビデオ チュートリアル

について詳しく知りたい場合は、php 中国語 Web サイトに注目してください。

以上がCSSを省略するテクニックとは何ですか? 5 つの CSS ヒントのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート