Question

我已将网站的徽标创建为文字，但我的徽标的第一部分是＆＃34;你好＆＃34;需要其他造型而不是第二部分＆＃34; Kitty＆＃34;

要求：

这两个词都必须是斜体，所以我创建了一个h1类＆＃34; logo-text＆＃34; DONE

秒词＆＃34; Kitty＆＃34;需要大胆而不是完成

<h1 class="logo-text">

  <a href="<?php echo home_url(); ?>" title="<?php bloginfo( 'name' ); ?>" rel="home">hello

     <span class="logo-text-kitty>"Kitty</span>
  </a>
</h1>

制作＆＃34; Kitty＆＃34;的正确方法是什么？胆大？使用跨度？

Answer 1

使用最能描述内容的标签。在这种情况下，<strong>。或者，<b>是一个更好的选择，如果＆＃39; kitty＆＃39;并不比“你好”更重要，简单的意思是格式不同。

Answer 2

<style>
.bold-class{
font-weight: bold;
}
</style>
<h1 class="logo-text"><a href="<?php echo home_url(); ?>" title="<?php bloginfo( 'name' );?>" rel="home"><span class="bold-class">helloKitty</span></a></h1>

Answer 3

您可以通过为每个单词设置一个类

来为每个单词设置样式

HTML

<h1 class="logo-text">
    <a href="<?php echo home_url(); ?>" title="<?php bloginfo( 'name' ); ?>" rel="home">
        <span class="logo-first-word">hello</span>
        <span class="logo-second-word">Kitty</span>
    </a>
</h1>

CSS

.logo-first-word{
    //some CSS code
}

.logo-second-word{
    font-weight:bold;
    //some CSS code
}

如何以正确的方式为我的网站设置徽标？

3 个答案:

HTML

CSS