2013-03-02 14 views
8

私が撮影したWebアプリケーションで作業中ですhrefしかし、そのページのデフォルトフォントはページと比較すると小さすぎます。だから私はフォントのサイズを増やしたい。以下のようなハイパーリンクテキストのフォントサイズを増やすhtml

私の出力ページを見て:

enter image description here

私は、アンカータグのフォントサイズで試してみましたが、それは、フォントタグの後に任意の効果を示しません。私が試してみました

コードは次のとおりです。

<font size="100px"><a href="selectTopic?html" style="text-decoration: none">HTML 5</a></font> 

それでは、どのように私は、フォントサイズを変更できますか?あなたはこのように行うことができます

+1

'スタイル= "テキスト装飾:なし;フォントサイズ:1.5em;"' – hjpotter92

答えて

14

a {font-size: 100px} 

は、それが非推奨ですのでフォントタグを使用しないようお試しください。代わりに上記のようなCSSを使用してください。アンカーに特定のクラスを与え、それらのスタイルを適用することができます。

+4

これはすべて 'フォントサイズを変更しますクラスを使用するか、 'ul.class li a'のような子セレクタを使用する方がいいですか? –

1

あなたも

.a_class {font-size: 100px} 
+2

この答えはもっと分かりやすいでしょう。 HTMLとCSSを知っている人にとっては明白なはずですが、フォントを調整する最も良い方法は、フォントタグではなくCSSを使用することです。ポスターが自分のHTMLに 'class =" a_class "'を追加する必要があることにも注意してください。 – ASGM

9

以下のようにあなたのfontタグが正しくないので、それは一部のブラウザでは動作しませんアンカータグにクラスを追加することができます。 pxユニットはCSSで使用され、HTML属性では使用されません。フォントタグは次のようになります。

<font size="100"> 

実際には、実際には存在してはいけません。 fontタグは非推奨となって、あなたがtext-decorationで既に行うように、あなたは、コンテンツのスタイルをCSSを使用する必要があります。

<a href="selectTopic?html" style="font-size: 100px; text-decoration: none">HTML 5</a> 

をスタイリングからコンテンツを分離するには、コースワークのはずなスタイルでCSSを置くことに向けましたインラインのstyle属性ではなく、シートです。そうすれば、すべての要素に同じstyle属性を設定しなくても、複数の要素に1つのスタイルを適用できます。

例:

<a href="selectTopic?html" class="topic">HTML 5</a> 

CSS:

.topic { font-size: 100px; text-decoration: none; }