CSSのゼロベースの入門チュートリアル:いくつかの方法のページへのCSS

私たちは、HTMLファイルにCSSを適用するには、次の4つの方法を使用することができます。 

 

  • インライン(インライン)適用インラインを適用します(インライン)
  • 適用(埋め込み)埋め込まれた(埋め込み)を適用埋め込ま
  • 外部接続を適用するには、外部接続(外部リンク)を適用します(外部リンク)
  • (インポート)を適用インポートするインポート(インポート)を適用します

    インラインインライン適用します

    私たちは、直接HTMLファイル内のスタイルを宣言することができます。私たちは、直接HTMLファイル内のスタイルを宣言することができます。例えば、例えば、

  •  

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

     

    <Pスタイル= 'フォントファミリ:MS Pゴシック; フォントサイズ:16; '>これは、フォントサイズ16です。</ P> <Pスタイル=' フォントファミリ:MS Pゴシック; フォントサイズ:16; '>これは、フォントサイズ16です。</ P>。

     

    ブラウザで上記のHTMLファイルとして表示されます:などのブラウザで上記のHTMLファイルが表示されます:

    これはこれはフォントサイズ16で、フォントサイズ16です。

    埋め込みコードを埋め込むには、適用します

    パターンは、(通常の<head>内)HTMLファイルに埋め込まれてもよいです。パターンは、(通常の<head>内)HTMLファイルに埋め込まれてもよいです。例えば、例えば、

     

    <HEAD> 
    <スタイルタイプ= "テキスト/ CSS"> <スタイルタイプ= "テキスト/ CSS"> 
    DIV {DIV { 
    背景色:#FF0000; 

    </スタイル> 
    </ head>の

    <BODY> 
    <div>の 
    背景色が赤の背景色が赤色である 
    </ div> 
    </ BODY>

     

    上記のHTMLが表示されます:上記のHTMLが表示されます:

     

    背景色が赤色の背景色が赤であります

    外部接続の外部接続を適用します

    このように、すべてのCSSスタイル宣言は、他のファイルの存在です。このように、すべてのCSSスタイル宣言は、他のファイルの存在です。ファイル名は、通常の.cssです。ファイル名は、通常の.cssです。<ヘッダ> .. </ヘッダ> HTMLファイル、我々が使用する、に:<ヘッダ> .. </ヘッダ> HTMLファイルでは、次のコードで、この接続の.cssファイルを入力します、で.cssファイルを接続する次のコードは、次のコマンドを入力します。

    <リンクREL =スタイルシートタイプ= "テキスト/ CSS" HREF = "外部stylesheet.css"> <リンクREL =スタイルシートタイプ= "テキスト/ CSS" HREF = "外部stylesheet.css">

    この線の上にこのファイルはHTMLファイルに追加されたスタイルを宣言した外部stylesheet.cssになります。この線の上にこのファイルはHTMLファイルに追加されたスタイルを宣言した外部stylesheet.cssになります。

    インポートインポート適用します

    外部CSSスタイルも、HTMLファイルにインポートすることができます。外部CSSスタイルも、HTMLファイルにインポートすることができます。この@importディレクティブを使用するためのインポート慣行。この@importディレクティブを使用するためのインポート慣行。@importの構文は次のとおりです。@importの構文は次のとおりです。

    <STYLEのTYPE = "テキスト/ cssの"> <STYLEのTYPE = "テキスト/ cssの"> 
    <! - 
    @import URL(http://www.mysite.com/style.css)。@importのURL(http://www.mysite.com/style.css)。 
    - > 
    </ STYLE>

    @importは当初の意図を命じるが、順番に異なるブラウザのために異なるスタイルを使用できるようにします。@importは当初の意図を命じるが、順番に異なるブラウザのために異なるスタイルを使用できるようにします。しかし、今は必要ありません。しかし、今は必要ありません。今@importの目的で、最も一般的には、複数のCSSスタイルを追加することです。今@importの目的で、最も一般的には、複数のCSSスタイルを追加することです。複数のCSSの@importの方法は、参加することで、さまざまな矛盾のCSSスタイルがCSSスタイルを追加した後、あるときは(詳細については、CSSのシリーズを参照)、優先度のピックを持っています。複数のCSSの@importの方法は、参加することで、さまざまな矛盾のCSSスタイルがCSSスタイルを追加した後、あるときは(詳細については、CSSのシリーズを参照)、優先度のピックを持っています。

发布了46 篇原创文章 · 获赞 10 · 访问量 4万+

おすすめ

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