2017-09-05 40 views
-2

真的简单的问题,我将张贴一些,因为我重新学习HTML/CSS。请回答,如果我是一个超级noob。如何设计一个html链接?

我在HTML中的链接,我需要调整,我已经编辑CSS文件来创建这个类--->

.redirect { 
font-size: 1em; 
} 

在主PHP文件,我有标签设置如下---->

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

尺寸绝对没有变化......任何指针?我确定它是一个简单的语法错误。

+0

有什么关系PHP? –

+0

你也错过了将href添加到类中。 HTML 101. –

+0

丢失字体标签(已过时),只需在类CSS中添加'color:blue',避免不是标签一部分的'<' and '>'字符,而是使用实体转义:https:// jsfiddle。 net/8grtdztz/ –

回答

3

字体大小1em的是等于当前字体大小。您必须增加em以查看更改,例如1.5em或2em以将尺寸加倍。

.redirect { 
    font-size: 1.5em; 
} 
0

不要使用<font>标签,因为它是因为HTML 4弃用只要做到以下和应用任何大小font-size

.redirect { 
 
    font-size:1em; 
 
    color:blue; 
 
}
<a class="redirect" href="https://www.irijobs.com"><<  Click here to go back to irijobs.com homepage << </a>

0

首先,你应该改变<<< Click here to go back to irijobs.com homepage <<&lt;。这是因为浏览器认为<号开始一个新的标签,像<a>

其次,font-size: 1em意味着字体大小等于默认值。 2em是2倍大,0.5em是原始大小的一半。

我建议你改变<font>标签的CSS规则color:blue;<font>标记已弃用,因此无法使用CSS color属性。

此外,多个空格被显示为一个。

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> 
+0

好的,我做了这些修改;仍然没有变化,现在链接是紫色的。我相信附上css文件(因为申请表不会显示)。 –

+0

您确定CSS文件不是来自浏览器缓存吗?我已经在Chrome中打开了这段代码,它正常工作 –

+0

Marcin;你是对的。更奇怪的是我现在试图按照堆栈指南通过dev选项来消除这个问题,并且它不会清除那个该死的缓存。这是一台工作电脑;我的工作正常。谢谢,虽然;你是唯一真正了解实际问题的人。 –