唯一のCSSスタイルがスタイルが結果を生むだろう、HTML要素に適用されます。HTML要素にCSSスタイルを適用するには、3つの方法があります。一つの方法は、また、インラインスタイルとして知られている値として、スタイルシートのスタイル属性をHTML要素のスタイル属性を使用することで、スタイルシートの一つの方法は、HTML文書内に配置されたタグを頭、スタイルシートのそれぞれに与えられた名前その後、また、内部スタイルとして知られているクラス属性スタイルシートによるHTML要素に導入、別の方法は、ファイル、ファイル拡張子、CSSへの単一のスタイルシートを書くことで、その後、HTMLリンクタグがリンクされ外部スタイルシートファイル、HTML要素は、外部スタイルとして知られているクラス属性スタイルシートでスタイルシートファイルで導入されます。
インラインスタイル
インラインスタイルは、インラインスタイルは、インラインスタイルへの内部または外部のスタイルパターン要素を上書きし、HTMLスタイル属性スタイルシート要素の使用は、最も高い優先度を導入しています。次のHTML文書は、ケーススタイルのライン内にあります。
上記のページのコードでは、body要素は、フォントサイズ、スタイルのフォントサイズを導入して、フォントサイズは12個のピクセル、body要素はbodyタグ、独自のスタイルへの内側本体]タブの要素の後にあるすべての要素に影響します導入スタイルですこれは、独自のスタイルは、bodyタグで導入されたスタイルをオーバーライドします導入しました。図は、ブラウザの表示です。
内部様式
内部スタイルが、スタイルシートをHTMLのheadタグ内に配置されている、それぞれのスタイルシートは、パターンを識別するための名前を与えられました。クラス属性のスタイル名の導入は、HTML要素で定義されています。スタイル内部下インラインスタイルよりも優先順位が、外部スタイルよりも高いです。次のHTML文書には、ケース内部のスタイルです。
上記ページコード内では、スタイルシートは、ラベルスタイルタグの先頭に配置され、種類のスタイルタグの属性値は、テキスト/ cssのです。各スタイルシートのスタイルタグに配置されたが、参照定義の役割を担うことが知られている名前を意味のある名前を与えられています。クラス属性を使用してHTML要素は、スタイル定義された名前を導入しました。インラインスタイルので大幅内部パターンを使用して、コードの簡潔さと保守性から分かります。図は、ブラウザの表示です。
外部スタイル
外部样式是将样式表写入到一个外部文件，外部文件的扩展名为css，样式表的写法和内部样式的写法相同。外部样式文件可以通过HTML的link标签链接到网页文档，样式表文件链接到网页文档后，HTML元素可以通过class属性引入样式文件中的样式表。外部样式的优先级最低。
样式表文件同HTML文件一样，也是文本文件，可以使用任何文本编辑器编辑，也可以使用高级一点的编辑工具，如EditPlus、UltraEdit、Dreamweaver等软件。样式表文件的写法同内部样式的写法相同。下面是样式表文件代码，文件名是style.css，和网页文件在同一目录下。
在网页文件中使用link标签链接前面写好的CSS文件，在link标签的href属性设置CSS文件的路径，路径可以是绝对路径，也可以是相对路径，HTML元素引入样式表的方法同内部样式相同。网页文件代码如下。
