「CSS/記述」の版間の差分
削除された内容 追加された内容
s/になっています/です/g タグ: 2017年版ソースエディター |
→HTMLに直接CSSを書き込む方法とその利用例: HTMLに直接CSSを書き込む場合、style属性を使用して要素ごとにスタイルを指定することができます。以下は、例としてh1要素に赤い文字色と太字を指定する場合のコードです。 <h1 style="color: red; font-weight: bold;">Hello World!</h1> このように、要素の開始タグにstyle属性を追加し、値としてスタイルを指定します。複数のスタイルを指定する場合は、セミコロン(;)で区切って指定します。 また、複数の要素に同じスタイルを適用する場合は、style要素を使用してCSSを記述することもできます。以下は、全てのh1要素に赤い文字色と太字を指定する場合のコードです。 <!DOCTYPE html> <html> <head> <title>Example</title> <style> h1 { color: red; font-weight: bold; } </style> </hea タグ: 2017年版ソースエディター |
||
1 行
== HTMLに直接CSSを書き込む方法とその利用例 ==
HTMLに直接CSSを書き込む場合、style属性を使用して要素ごとにスタイルを指定することができます。以下は、例としてh1要素に赤い文字色と太字を指定する場合のコードです。
<SyntaxHighlight lang="html5">▼
</style>▼
<h1 style="color: red; font-weight: bold;">Hello World!</h1>
</syntaxhighlight>
このように、要素の開始タグ
また、複数の要素に同じスタイルを適用する場合は、style要素を使用してCSSを記述することもできます。以下は、全てのh1要素に赤い文字色と太字を指定する場合のコードです。
<SyntaxHighlight lang="html5">▼
<head>▼
<!DOCTYPE html>
<html>
▲ <head>
<title>Example</title>
h1 {
color: red;
font-weight: bold;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<h1>Welcome to my website</h1>
</body>
</html>
</syntaxhighlight>
このように、head要素内にstyle要素を記述し、その中にセレクタとスタイルを記述します。
この例では、h1セレクタに対してcolorプロパティとfont-weightプロパティを指定しています。このCSSは、全てのh1要素に適用されます。
== 基礎 ==
|