Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTMLドキュメントに外部スタイルシートファイルを含める

要素を使用して、HTMLドキュメントに外部スタイルシートファイルを含めることができます。

外部スタイルシートは、拡張子が.cssの個別のテキストファイルです。このテキストファイル内ですべてのスタイルルールを定義してから、要素を使用してこのファイルを任意のHTMLドキュメントに含めることができます。

new.cssという名前の単純なスタイルシートファイルで、次のルールがあります。

h1, h2, h3 {
   color: #36C;
   font-weight: normal;
   letter-spacing: .4em;
   margin-bottom: 1em;
   text-transform: lowercase;
}

これで、このファイルnew.cssを次のように任意のHTMLドキュメントに含めることができます。

<head>
   <link type = "text/css" href = "new.css" media = " all" />
</head>

  1. HTMLスタイル属性

    HTMLスタイル属性は、HTMLドキュメントの要素のインラインスタイルを定義します。これはグローバル属性であり、任意のHTML要素で使用できることを意味します。 構文 以下は構文です- <tagname style=”text”></tagname> HTMLスタイルの属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;      

  2. HTMLリンク

    HTMLリンクはハイパーリンクです。つまり、リンクをクリックすると、別のドキュメントにジャンプします。 構文 以下は構文です- <a href=”URL” target=”value” >Link Content</a> こちらURL 宛先アドレスを指定し、ローカルアドレスまたは外部アドレスのいずれかになります。 ターゲット 属性は、リンクされたドキュメントを開く場所を定義し、次の値を取ることができます： 値 説明 _blank リンクされたドキュメントを新しいタブまたはウィンドウで開きます。 _p