no-image

CSS(a)


Cssの基本構文とページ参照

CSSの基本構文

CSSの定義は次のとおりです。

セレクタ{プロパティ:値;プロパティ:値;プロパティ:値;}

セレクタは、スタイルをページ要素に関連付ける名前です。属性は、属性ごとに1つ以上の値を持つ、設定するスタイル属性です。 コード例:

div{ width:100px; height:100px; color:red }

CSSのページの紹介方法:

1、アウト・オブ・ライン:リンク・タグを通して、ページへの外部スタイル・シートへのリンク。

<link rel="stylesheet" type="text/css" href="css/main.css">

埋め込み:スタイルタグを使用してWebページに埋め込みスタイルシートを作成します。

<style type="text/css">    div{ width:100px; height:100px; color:red }    ......</style>

3、インライン:ラベルのスタイル属性を使用して、スタイルをラベルに直接書き込んでください。

<div style="width:100px; height:100px; color:red ">......</div>

CSSのテキスト設定

よく使われるアプリケーションテキストのCSSスタイル:

色:テキストの色を設定します。

Font-sizeテキストのサイズを設定します。例:font-size:12px;

Font-family font-family: 'Microsoft Yahei'などのテキストのフォントを設定します。

Font-styleフォントを斜めにするかどうかを設定します。font-style: 'normal';斜体にしないでください。font-style: 'italic';テキストを斜めに設定します。

フォントウェイトテキストを太字にするかどうかを設定します。例:font-weight:bold;太字に設定するfont-weight:normal太字ではありません

フォントは、同時に、テキストのいくつかの属性を設定し、執筆順序に互換性の問題があります。次の順序で書くことをお勧めします:フォント:フォントサイズを大きくするかどうかを指定します。

行の高さテキストの行の高さを設定します。例:line-height:24px;

Text-decorationテキストのアンダースコアを設定します。例:text-decoration:none;テキストの下線を削除します。

テキストインデントは、テキストインデントの最初の行を設定します。たとえば、次のようになります。text-indent:24px;テキストの最初の行をインデント24pxに設定します

Text-alignテキストの水平方向の配置を設定します。たとえば、text-align:centerテキストを水平方向のセンタリングCSS色表現に設定します

CSSの色表現

CSSのカラー値には主に3つの表現方法があります。

1、色の名前:赤赤、金ゴールド

2、rgbは、例えば:rgb(255,0,0)であり、前記赤

3、16進数表現:#ff0000は赤を表し、これは#f00と省略することができます

以上は、中国の翻訳ツールで翻訳した中国の技術記事です

関連記事