htmlリンクのスタイルを設定するには？

Question

本当に簡単な質問ですが、私は再学習html/cssとして、もう少し投稿していきます。まるでスーパーノブのように答えてください。次のように私は、タグを設定しているメインのPHPファイルで

私はサイズを変更する必要があり、HTML内のリンクは、私はこのクラスを作成するために、CSSファイルを編集しているしている

--->

.redirect { 
font-size: 1em; 
} 

---->

<a class="redirect" href="https://www.irijobs.com"><font color="blue"><<  Click here to go back to irijobs.com homepage <<</font></a> 

サイズに変更はありません...どのようなポインタですか？私はそれが単純な構文エラーだと確信しています。

Answer 1

フォントサイズ1emは現在のフォントサイズと同じです。変更を確認するにはemを増やす必要があります。たとえば、サイズを倍にするには1.5emまたは2emを増やす必要があります。それは推奨されませんようHTML 4.ただ、次の操作を行うとfont-sizeに任意のサイズを適用するため、

.redirect { 
    font-size: 1.5em; 
} 

Answer 2

が<font>タグを使用しないでください：

.redirect { 
 
    font-size:1em; 
 
    color:blue; 
 
}

<a class="redirect" href="https://www.irijobs.com"><<  Click here to go back to irijobs.com homepage << </a>

Answer 3

まず、あなたは<を変更する必要があります<< Click here to go back to irijobs.com homepage <<~<にあります。これは、<標識が<a>のように新しいタグを開始するとブラウザが判断したためです。

次に、font-size: 1emは、フォントサイズがデフォルトと等しいことを意味します。 2emは2倍大きく、0.5emは元のサイズの半分です。

<font>タグをCSSルールcolor:blue;に変更することをおすすめします。 <font>タグの代わりにCSS colorプロパティが使用されています。

また、複数のスペースは1つのスペースとして表示されます。

CSS：

.redirect { 
    font-size: 2em; /* or some another value, may be also in pixels (like 20px) or points (like 16pt)*/ 
    color: blue; 
} 

HTML：

<a class="redirect" href="https://www.irijobs.com">&lt;&lt; Click here to go back to irijobs.com homepage &lt;&lt;</a>