戦闘にWebフロントエンドを取得:CSS基本的な書式とテキスト関連のプロパティ

A、CSSフォーマット

1.注意点:

(1)スタイルのタグが開始タグと終了タグのラベルヘッドラベルの間に記述する必要があり(つまり、必須の兄弟とタイトルタグ部門)

(2)スタイルのタグ属性タイプ属性は、実際に書き込むことができない、デフォルトではタイプ=が「text / css」であります

コロンとセミコロンを省略することはできません(セミコロンを省略することができる最後の時間を、私たちは擁護者をしないでください);値:(3)を設定し、スタイルは固定フォーマット、キーに応じて設定する必要があります

第二に、どのようなCSS含ん?

CSSは、二つの部分の選択及び特性を含みます

前記セレクタが、属性というタグ名、属性名と属性値であります

<!--CSS的格式-->

<head>

  <style type="text/css">

    标签名称:{

              属性名称:属性值

              ......

              }

  </style>

</head>

第三に、一般的なテキスト関連のプロパティ

テキストスタイル属性の下で1

(1)形式:フォント:正常。

(2)一般的な値:i.normal:通常のテキスト; ii.italic:歪んだ文字

(3)ショートカット:(我々は、エンタープライズソフトウェアの特定のショートカットをマスターする、wbstormを使用しているので、開発プロセスは、相乗効果を達成するために、必要です)

フォントスタイルのFS +テーブル担当:イタリック;

代表FSNフォントスタイル:ノーマル;

2.テキストの規定は厚さを属性

(1)形式:フォント重量:大胆。

(2)一般的な値:

。私のワード値:

細線(注:デフォルトフォーマットは細線であり、いくつかの太字のフォントがキャップされているが、厚くなることができない)軽い;太字太字、大胆、より粗いです

ii.100-900の間の数の100分。

(3)ショートカット。

FWは、フォントの太さを表し::

代表FWBフォント重量:太字;

代表fwbrフォント重量:大胆;

属性テキストサイズの3の規定

(1)形式:フォントサイズ:30px;

(2)単位:ピクセル(画素)であり、このユニットは、画素が表示されない省略されています。

(3)一般的な値:単位当たりに付加価値を

(4)ショートカット。

i.fz代表はフォントサイズを:;

代表ii.fz20フォントサイズ:20ピクセル;

直接支援のアドオン桁があります

テキストフォントプロパティの4の規定

(1)フォーマット:;「マイクロソフトエレガントな黒の「フォントファミリ」

(2)一般的な値:マイクロソフトエレガントな黒、Arialの(デフォルト)は、.......(単語はフォントをたくさん持っています)

(3)注:値は中国人である場合、それが囲む引用符を使用する必要があります。コンピュータの値を使用するためには、事前フォントにパックする必要があります

(3)ショートカット。

代表はFF:フォントファミリ:;(私webstormで推定していないバージョンが低すぎます)

<head>
    <meta charset="UTF-8">
    <title>d60&61_fixed_format_of_CSS&text_attribute</title>
    <style>
        p{
            font-style:italic;
            font-weight:900;
            font-size:50px;
            font-family:"微软雅黑";
        }
    </style>
</head>
<body>
<!---->
<p>我是一个段落</p>
<hr>
<hr>
<i>被废弃的倾斜</i>
<br>
<b>被废弃的加粗</b>
专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享学习方法和需要注意的小细节,不停更新最新的教程和学习技巧(从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)

戦闘にWebフロントエンドを取得:CSS基本的な書式とテキスト関連のプロパティ

おすすめ

転載: blog.51cto.com/14592820/2462762