Question

我有以下html，它将仅显示单词events，而不显示Find An Event或Post An Event。为什么这样，因为所有单词都应该显示在页面上？

<div class="lasvegas">
Events 
</div>



<div class="findanevent"><a 
href="https://adsler.co.uk/find-an-event/"><div 
class="findanevent"><font size="3"><font 
color="white">Find an Event</font></font></div></a>



<div class="postanevent"><a 
href="https://adsler.co.uk/post-an-event/"><div 
class="postanevent"><font size="3"><font 
color="white">Post an Event</font></font></div></a>

基本上，我希望find an Event和Post an Event具有相同的风格，并由与Events相同的CSS来控制。

问题是，如果我放：

<div class="lasvegas">Events 


<a href="https://adsler.co.uk/find-an-event/"><div 
class="findanevent"><font size="3">Find an Event</font>. 
</div></a>

<a href="https://adsler.co.uk/post-an-event/"><div 
class="postanevent"><font size="3">Post an 
Event</font>. 
 </div></a>

然后，它不仅以黑色显示find an event和post an event，而且在桌面上不分隔链接目标，因此它们都位于同一位置。

因此，基本上我希望Events和find an event和post an event都发出粉红色的霓虹灯，find an event和post an event比标题{{1}小}

请参阅https://adsler.co.uk/events/

Answer 1

<div class="lasvegas">
  Events 
</div>



<div class="findanevent"><a 
 href="https://adsler.co.uk/find-an-event/"><div 
 class="findanevent"><font size="3"><font 
 color="green">Find an Event</font></font></div></a>



<div class="postanevent"><a 
href="https://adsler.co.uk/post-an-event/"><div 
class="postanevent"><font size="3"><font 
color="purple">Post an Event</font></font></div></a>

将颜色更改为绿色：

Answer 2

要回答更新的问题-样式由CSS控制。如果希望每个div具有相同的样式，则每个div应该具有相同的类，例如：

<div class="events">Events</div>

<div class="events">
    <a href="https://adsler.co.uk/find-an-event/">Find an Event</a>
</div>

<div class="events">
    <a href="https://adsler.co.uk/post-an-event/">Post an Event</a>
</div>

events类将包含CSS中的任何共享样式。如果要增大Events的标题，可以在该div中添加第二个类，在其中可以将字体大小设置为更大的大小。

Answer 3

<div class="lasvegas">
Events 
</div>



<div class="findanevent"><a 
href="https://adsler.co.uk/find-an-event/"><div 
class="findanevent"><font size="3"><font 
color="white">Find an Event</font></font></div></a>



<div class="postanevent"><a 
href="https://adsler.co.uk/post-an-event/"><div 
class="postanevent"><font size="3"><font 
color="white">Post an Event</font></font></div></a>

对大文本使用 h1 标签 h2 标签用于更小的文本 h3 是我的平均文字大小

如何在html中显示文本？

3 个答案: