visual rules
1445 ワード
フォントフォント
font-familyプロパティ(property)を使用します.
注意: に表示されているフォントは、ユーザーのパソコンにインストールするか、Webサイトにダウンロードする必要があります. Webセーフフォントは、ほとんどのブラウザおよびオペレーティングシステムでサポートされているフォントグループです. Webセキュリティフォントを使用しない場合(https://www.cssfontstack.com/を参照)、すべてのブラウザおよびオペレーティングシステムに同じ内容が表示されない場合があります. のフォント名が2つ以上の単語で構成されている場合は、フォント名を引用符で囲むことが望ましい.
フォントサイズ
font-sizeプロパティを使用します.数字の後ろにpxを付ける.
フォントの太さ
font-weightプロパティを使用して太さを調整します.bold、normalの値があり、特定の要素の太さだけを設定することもできます.
テキスト・スキーマ
text-alignプロパティは、画面に表示されるテキストを並べ替えるために使用されます.left、center、right、previdence(両側揃え)の値があります.
色:
colorは、要素(テキスト)の前景色と、背景-color要素の後景色を指定します.
不透明度()
不透明度は要素の不透明度を制御します.0~1の値をとります.
背景画像
background-imageプロパティを使用して、要素の背景に画像を表示します.url(「画像外部または内部パス(画像格納プロジェクトフォルダ)」
important
とにかく具体的なスタイル!important; 横に書くと、このスタイルが優先されます.
font-familyプロパティ(property)を使用します.
注意:
h1 {
font-family: 'Courier New';
}
フォントサイズ
font-sizeプロパティを使用します.数字の後ろにpxを付ける.
フォントの太さ
font-weightプロパティを使用して太さを調整します.bold、normalの値があり、特定の要素の太さだけを設定することもできます.
テキスト・スキーマ
text-alignプロパティは、画面に表示されるテキストを並べ替えるために使用されます.left、center、right、previdence(両側揃え)の値があります.
色:
colorは、要素(テキスト)の前景色と、背景-color要素の後景色を指定します.
不透明度()
不透明度は要素の不透明度を制御します.0~1の値をとります.
背景画像
background-imageプロパティを使用して、要素の背景に画像を表示します.url(「画像外部または内部パス(画像格納プロジェクトフォルダ)」
.main-banner {
background-image: url('https://www.example.com/image.jpg');
}
혹은
.main-banner {
background-image: url('images/mountains.jpg');
}
とにかく具体的なスタイル!important; 横に書くと、このスタイルが優先されます.
p {
color: blue !important;
}
.main p {
color: red;
}
Reference
この問題について(visual rules), 我々は、より多くの情報をここで見つけました https://velog.io/@fizzy/visual-rulesテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol