Webページには、5つの方法CSSスタイルシートです

まず、STYLE属性を使用します

STYLE属性が直接個々の要素タグに加え、<(タグ)STYLE =「プロパティ(属性)部材1:設定値、プロパティ(属性)2:設定値2; ...}

例えば: 
<TD STYLE =「COLOR:BLUE;フォントサイズ:9PT;フォントファミリ:」標準イタリック「;行の高さ:150% >
この使用パターンの利点は、各スマートラベルに適用されるが、欠点それは全体のファイルではありません「団結」。

フロントエンドの学習qun438905713を作成し、グループのほとんどは、ゼロベースの学習者である、私たちはお互いにお答えし、また学習教材の多くを準備するために、お互いを助けるには、為替のゼロベースのジュニアパートナーを歓迎しました。

第二に、使用STYLEタグ

 で、<STYLE> ... </ STYLE>タグで記述されたスタイルのルール。 
<STYLE TYPE = "テキスト/ CSS">
<! -
スタイルルールテーブル
- > 
</ STYLE>
例: 
<STYLE TYPE = "テキスト/ CSS">
<! -
BODY {
  カラー:BLUE;
  背景:#FFFFCC ;
  フォントサイズ:9PT}
TD、P {
  COLOR:GREEN;
  フォントサイズ:9PT}
- >
</ STYLE>は
、一般的に全体の<STYLEで> ... </ STYLE> <HEADのページ内の構造> </ HEAD>部分インチ この利点は、ファイル全体の団結の使用量は、限り適用されるスタイル規則で宣言されている要素があるということです。欠点は、個々のコンポーネントの柔軟性の欠如です。

第三に、LINKタグを使用して

 .cssスタイルファイルにスタイルルールを書いて、その後、<LINK>タグに導入。 
私たちは、ファイルexample.cssとして保存されたスタイル規則を置くと仮定し、私たちは、Webページに追加します
。<LINK REL = STYLESHEET TYPE =「テキスト/ cssの」HREF =「example.cssは」>
優れた開発スタイルファイルを適用しますスタイル。LINKタグは、通常、一部のページの<head> </ head>の上に書かれています。これの利点は、同じスタイルルールがいくつかの記事に適用する使用することができ、同じスタイルファイルにファイルを指定したことであることができます。欠点は、個々のファイルまたはコンポーネントの柔軟性の欠如です。 


第四に、導入された使用@import

 LINKで<STYLE> ... </ STYLE>のように使用することができますが、配置する必要があります。 
<STYLE TYPE = "テキスト/ CSS">
<! -
  @import URL(アドレススタイルシート導入パスのファイル名);
- >
</ STYLE> 
例: 
<STYLE TYPE = "テキスト/ CSS" >
<! -
  @import URL(HTTP:// yourweb / example.css);
- >
</ STYLE>
これは、行末のセミコロンは必要不可欠であることに留意すべきです!

第五に、<span>を</ span>のタグ組み込まれたスタイルの使用

たとえば、次の<スパンのスタイル= "フォント:12ピクセル/ 20ピクセル斜体#000000;">ライフネットワークプログラマ</ span>の

公開された61元の記事 ウォン称賛12 ビュー60000 +

おすすめ

転載: blog.csdn.net/html886/article/details/104619159