スタイル。 CSSファイルには、Drupalテーマのフォントの色、スタイル、およびサイズのルールが含まれています。ここでは、スタイルで表示されるフォントの外観を制御するために使用されるコーディングの一部について説明します。 css:
-
font:このタグはスタイルで一度だけ表示されます。 cssを指定し、サイト全体に使用するフォントを指定します。
-
font-size:テキストの大きさや大きさを制御します。
-
font-weight:テキストを太字に設定します。
<! --1 - > -
font-style:主にテキストを斜体に設定するために使用されます。
-
text-decoration:リンクに下線を付けるかどうかを制御します。
-
color:テキストの色を設定します。
次のコード行は、いくつかの主要なテキスト設定をスタイルで示しています。あなたが変更したいかもしれないCSS。 :76%/ 170%Verdana、Arial、Helvetica、sans-serif; color:#000000;}
この行では2つのことが起こっています。属性の色は、サイト全体のテキストの色を黒に設定します。このファイルの後の色を変更するルールが他にない場合は、サイトに黒色で表示されます。この仕様は、サイト全体のすべてのコンテンツテキストの色を制御します。
<! - 2 - >
フォント設定、76%/ 170%Verdana、Arial、Helvetica、sans-serifは、テキストサイズとフォントの両方を設定します。別のフォントと大きなテキストを使用する場合は、この行を次のように変更してください。font:100%Times New Roman、Georgia、Serif;
これは、次の図に示すように、サイト全体のフォントを変更します。
<! - 3 - >
a {テキスト装飾:なし; font-weight:bold;}
テキスト装飾は、サイトのリンクに下線を付けるかどうかを制御します。この場合、それらはそうではありません。 font-weightは、サイトのリンクを太字にします。
a:hover {text-decoration:underline;}
サイト上のリンクの1つ上にマウスカーソルを移動すると、下線が表示されます。カーソルを移動すると消えます。ホバーが表示されるたびに、カーソルが何かの上に移動してそこを一時停止することを指しています。
#branding {color:#000;}
色が#000に変更された場合、色は黒になり、黄色の背景に対して良く見えます。
CSSコードを変更する場合は、句読点をそのまま使用してください。たとえば、コードブロック内の各行がセミコロンで終わっていることを確認します。
ヒント ">試行錯誤はスタイルのスタイルを理解する方法の1つです。CSSはあなたのサイトのどの要素に属していますか?しかし、より簡単な方法があります。 FirefoxのWebブラウザを使用し、Firebugというアドインをインストールできます。これを行うと、Webブラウザにペインが開き、Webページの要素がどのようなスタイルで使用されているかが表示されます。
次の図では、どのスタイルの行が表示されていますか。 CSSはヘッダー内のサイト名の外観を制御しています。ブラウザの右下には、CSSコードのどこで書式が設定されているかを確認できます。 Firebugの詳細については、Getfirebugを参照してください。 com。
ヒント ">あなたは他の多くの詳細を微調整し、テーマを変更することができます。 Drupal。 org / theme-guideは非常に徹底したガイドです。
