ONE_WORDという単語が1つあります。少し大きくして、テキストスタイルを変更し、赤で色付けしたいと思います。どうやってやるの?このコードで試しましたが、機能しません:
<font color="#B00000 ">ONE_WORD</font>
thx、D。
Font
非推奨です。span
代わりに使用してください
<span class="word">Your Word</span>
次に、それにスタイルを適用します。
CSS:
.word
{
font-size:20px;
color:Red;
//Other styles
}
inline
スタイルの使用はお勧めしません。
font
非推奨です。CSSを使用<span>
して特定のスタイルを適用します。
<span style="color: #b00; font-size: 16px; font-style: italic;">ONE_WORD</span>
属性スタイルを使用してスタイルプロパティを編集します。
<span style="color:#B00000;">This is dark red.</span>
詳細:http ://www.w3schools.com/html/html_css.asp (一般的な需要により: http ://www.w3.org/Style/Examples/011/firstcss.en.html#colorsおよびhttpsを使用代わりに//developer.mozilla.org/en-US/docs/CSS/color。w3.orgまたはMDNで探しているものを見つけるには長い検索が必要になる場合がありますが、指摘されているように、それらは間違いなくもっと多くあります。 w3schools.comよりも信頼できる情報源)
あなたはこれを試すことができます
HTMLとインラインCSS
<div class="text" style="color:red; font-size:20px;">ONE_WORD</div>
または、次のCSSを使用します
.text{color:red; font-size:20px;}
<span style="font-size: 20px; font-style: italic; color: red;">ONE_WORD</span>
style内でCSSプロパティを定義します。このように書く:
<font style="color:#B00000">ONE_WORD</font>
まず、サイズを大きくしたい理由を考えてください。その理由に一致するHTML要素がある場合(<em>
強調など)、それが使用する要素です。
<em>ONE_WORD</em>
他の場所で同じ要素を使用しているが、他の用途に同じ外観を持たせたくない場合は、クラスで使用します。クラス名は、それを大きくしたいというあなたの考えを反映している必要があります。
<em class="ourName">ONE_WORD</em>
自然な一致がない場合は、を使用します<span>
。
<span class="ourName">ONE_WORD</span>
次に、CSSでスタイルを一致するように設定します。あなたが最初の選択肢で行った場合:
em
{
color: red;
font-size: 120%;
font-style: italic;/*em does this by default, but we'll include it anyway*/
}
2番目の選択肢または3番目の選択肢を選択した場合は、次のいずれかを行います。
.ourName
{
color: red;
font-size: 120%;
font-style: italic;
}
または、たとえば、このスタイルをそのクラスの要素にのみ適用し<em>
、同じクラスを使用した他の要素を処理するには、次のようにします。
em.ourName
{
color: red;
font-size: 120%;
font-style: italic;/*em does this by default, but we'll include it anyway*/
}
この一言でスタイルをまっすぐにする作業が増えますが、このアプローチをサイト全体に適用すると、後で理解するのがより簡単で、より速く、より論理的になり、変更がより速くなります。たった1つのドキュメントの後でそれは報われ始めます。CSSを別のファイルに入れると、2ページ目以降に成果が出始め、寄付を続けます。
次のようにするには、style属性を使用する必要があります。
<font style="color: #B00000>ONE_WORD</font>"
投稿されたコードがテキストの色を設定しない場合、問題は他の場所にあります。おそらく、この設定を上書きするスタイルシート、またはブラウザの設定にあります(ブラウザはWebページで提案された色を無視するように設定できます)。
人々や組織はさまざまな意見を持っていますが、技術的にはfont
タグは機能し続け、フォントファミリとサイズをそこで設定することもできます。
<font color="#B00000" face="Verdana" size="4">ONE_WORD</font>
ただし、ここではフォントサイズが1〜7の数字で表されているため、これはかなり柔軟性がありません。したがって、3は通常のサイズであり、その他はブラウザに依存する方法で異なります。より適切に制御するために、CSSの一部を追加できます。
<font color="#B00000" face="Verdana" size="4"
style="font-size: 135%">ONE_WORD</font>
テキストスタイルをイタリックに変更するには、これを折り返し<i>
ます</i>
。太字のフォントを取得するには、を使用<b>
し</b>
ます。
もちろん、意味的に空のspan
マークアップを使用してすべてをCSSで設定することもできますが、個々の単語をスタイリングするだけの実用的な理由はほとんどありません。