CSS作成
1646 ワード
1.外部スタイルシート
スタイルを多くのページに適用する必要がある場合は、外部スタイルシートが理想的です.外部スタイルシートを使用する場合は、ファイルを変更することでサイト全体の外観を変更できます.各ページはラベルを使用してスタイルシートにリンクされます.ラベルは(ドキュメントの)ヘッダーにあります.
ブラウザは、ファイルmystyle.cssからスタイル宣言を読み、それに基づいてドキュメントをフォーマットします.外部スタイルシートは、任意のテキストエディタで編集できます.ファイルにhtmlラベルを含めることはできません.スタイルシートは.css拡張子で保存する必要があります.
「margin-left:20 px」などの属性値と単位の間にスペースを残さないでください.正しい書き方は「margin-left:20 px」です.
2.内部スタイルシート
個々のドキュメントに特別なスタイルが必要な場合は、内部スタイルシートを使用します.ラベルを使用して、ドキュメントのヘッダーに内部スタイルシートを定義できます.<br> <head><br> <style><br> hr {color:sienna;}<br> p {margin-left:20px;}<br> body {background-image:url("/images/???.gif");}<br>
3.インラインスタイル
表現とコンテンツを混在させるため、インラインスタイルはスタイルシートの多くの利点を失うことになります.たとえば、スタイルを1つの要素に1回だけ適用する必要がある場合は、この方法を慎重に使用してください.インラインスタイルを使用するには、関連するラベルにスタイル(style)プロパティを使用する必要があります.Styleプロパティには、任意のCSSプロパティを含めることができます.
複数スタイル
いくつかのプロパティが異なるスタイルシートで同じセレクタで定義されている場合、プロパティ値はより具体的なスタイルシートから継承されます.マルチスタイル優先度:インラインスタイル)Inline style>(内部スタイル)Internal style sheet>(外部スタイル)External style sheet>ブラウザのデフォルトスタイル注意:外部スタイルが内部スタイルの後ろにある場合、外部スタイルは内部スタイルを上書きします.CSS優先度法則:Aセレクタには重み値があり、重み値が大きいほど優先される.B重み値が等しい場合、後に現れるスタイルシートの設定は、先に現れるスタイルシートの設定よりも優れている.C作成者のルールは閲覧者より高い:すなわち、ウェブページ作成者が設定したCSSスタイルの優先度がブラウザが設定したスタイルより高い;D継承されたCSSスタイルは、後に指定されたCSSスタイルに及ばない.E同じグループの属性設定に「!important」と表示されるルールの優先度が最大
スタイルを多くのページに適用する必要がある場合は、外部スタイルシートが理想的です.外部スタイルシートを使用する場合は、ファイルを変更することでサイト全体の外観を変更できます.各ページはラベルを使用してスタイルシートにリンクされます.ラベルは(ドキュメントの)ヘッダーにあります.
ブラウザは、ファイルmystyle.cssからスタイル宣言を読み、それに基づいてドキュメントをフォーマットします.外部スタイルシートは、任意のテキストエディタで編集できます.ファイルにhtmlラベルを含めることはできません.スタイルシートは.css拡張子で保存する必要があります.
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/???.gif");}
「margin-left:20 px」などの属性値と単位の間にスペースを残さないでください.正しい書き方は「margin-left:20 px」です.
2.内部スタイルシート
個々のドキュメントに特別なスタイルが必要な場合は、内部スタイルシートを使用します.ラベルを使用して、ドキュメントのヘッダーに内部スタイルシートを定義できます.<br> <head><br> <style><br> hr {color:sienna;}<br> p {margin-left:20px;}<br> body {background-image:url("/images/???.gif");}<br>
3.インラインスタイル
表現とコンテンツを混在させるため、インラインスタイルはスタイルシートの多くの利点を失うことになります.たとえば、スタイルを1つの要素に1回だけ適用する必要がある場合は、この方法を慎重に使用してください.インラインスタイルを使用するには、関連するラベルにスタイル(style)プロパティを使用する必要があります.Styleプロパティには、任意のCSSプロパティを含めることができます.
複数スタイル
いくつかのプロパティが異なるスタイルシートで同じセレクタで定義されている場合、プロパティ値はより具体的なスタイルシートから継承されます.マルチスタイル優先度:インラインスタイル)Inline style>(内部スタイル)Internal style sheet>(外部スタイル)External style sheet>ブラウザのデフォルトスタイル注意:外部スタイルが内部スタイルの後ろにある場合、外部スタイルは内部スタイルを上書きします.CSS優先度法則:Aセレクタには重み値があり、重み値が大きいほど優先される.B重み値が等しい場合、後に現れるスタイルシートの設定は、先に現れるスタイルシートの設定よりも優れている.C作成者のルールは閲覧者より高い:すなわち、ウェブページ作成者が設定したCSSスタイルの優先度がブラウザが設定したスタイルより高い;D継承されたCSSスタイルは、後に指定されたCSSスタイルに及ばない.E同じグループの属性設定に「!important」と表示されるルールの優先度が最大