ビデオ: SharePoint: Working with CSS styles | lynda.com tutorial 2024
カスケードスタイルシート(CSS)は非常に洗練されたものです。 CSSは、コンテンツからルックアンドフィールを分離する方法です。これらのスタイルルールは、HTMLドキュメントの先頭領域に置かれる場合もあれば、HTMLページにリンクされた別のファイルに配置される場合もあります(SharePoint 2010の場合はマスターページとなることが多い)。
複数の文字を入力するだけで、サイト全体のハイパーリンクの色を変更できます。
<! --1 - >H1(見出し1)などの特定のHTML要素に対してスタイルを作成できます。これらの要素がコンテンツで使用されるとき、これらのスタイルは自動的に適用されます。カスタムスタイル。 mystyleheaderは、必要に応じて具体的に適用されます。 CSSは、フォント、背景、サイズと位置、およびブラウザの他の多くの視覚的な指示に使用されます。ブラウザには、テキストやヘッダーなどの既定の方法が既に用意されています。
<! - 2 - >CSSルールには、要素と1つ以上の記述子が含まれます。
-
HTML要素: このHTML要素の例のプロパティ記述子には、テキストの色、フォントスタイル、フォントサイズなどが含まれます。この要素には、とフォントファミリ(自明)。
h1 {色:赤;フォントスタイル:太字; font-size:16px; font-family:arial;}
-
カスタムクラススタイル: CSSにいくつかのショートカットフォーマットがある点を除いて、カスタムルールは同じです。
<! - 3 - >
。 mystyleheader {色:赤; font:太字16px arial;}
前述のCSSルールで示されたHTML要素とクラスは、 セレクタ と呼ばれます。 セレクタに対して定義されたルールは、HTML要素またはカスタムクラスと一致するWebページのすべてに適用されます。ここに示す例は非常に簡単です。セレクタは、Webページに深くネストされた要素にルールを適用する必要がある場合、非常に複雑になります。
SharePointには何千ものCSSルールがあり、これらの定義済みのスタイルを上書きする独自のスタイルを見つけ出し、把握し、作成するには忍耐と経験が必要です。
一方、2つのフォントサイズ、トップナビゲーションの背景画像、ロゴ、および/または左側のナビゲーションの外観を変更したい場合は、関連するスタイルシートをコピーすることができますあらかじめ定義されたマスターを作成し、それらの少数のアイテムを修正します
。前述のリストにmystyleheaderクラスが表示され、HTML要素とカスタムクラススタイルの違いを簡単に定義できます。 SharePointで使用され、作成されたクラス名は、より意味のある名前になります。
独自のスタイル名を作成しているときには、スタイルに名前を付けるほど魅力的です。redlinkまたは。あなたがそのスタイルを複数の場所に適用するとすぐに、チームは色を変えたいと思うでしょう!要素の色や性質ではなく内容の意図によって要素を記述します。
コアの一部。 SharePointのcssファイル。