Question

我最近学会了如何创建一个html内部链接;允许我的成员跳转页面以获取具体信息。

然而，我使用的编码设置为标准大小和字体。我想编辑主题标题的字体大小和字体样式。

a name="category-one">Under 6's</a>

以上是我目前的编码;如何增加“6岁以下”标题的文字？

Answer 1

你可以这样在元素中使用内联样式

def update
  @user = User.find(params[:id])
  if @user.update_attributes(user_params)
    flash[:success] = "Your profil has been updated"
    redirect_to @user
  end
  # right here is where the 200 comes in.
end

Answer 2

您应该始终使用css进行样式设置。您可以为每个元素分别设置一个类，并相应地设置样式。

6岁以下

在css中：

.title a {color：blue;}

Answer 3

有更有效的方式来引用对象。

class功能多样，您可以多次应用，这是首选方式。
id不是多才多艺，因为每个id必须是唯一的，因此您只能设计单个元素的样式。

＆＃13;

a[name='category-one'] {
  font-size: 16px;
  font-family: "Palatino Linotype";
}
a.category-two {
  font-size: 1em;
  font-family: "Source Code Pro";
}
a#category-three {
  font: 1rem;
  font-family: "Verdana";
}
a:hover {
  font-size: 20px;
  font-family: "Arial";
}

＆＃13;

<a name="category-one">Under 6's (refer by name attribute)</a>
<a class="category-two">Under 7's (refer by class attribute)</a>
<a id="category-three">Under 8's (refer by id attribute)</a>

＆＃13;

有三种方式可以应用样式：

首选方法是使用单独的文件（例如style.css），然后从主页面指向该文件：

<link href="http://www.example.com/css/style.css" rel="stylesheet"/>

维护单独的文件可能需要做更多工作，但您的网站上的多个网页都可以使用它。
提供CSS规则的另一种方法是使用<style>元素并将其放在结束</head>标记之前。虽然加载时速度更快，但代码将难以管理，并且只能由一个页面使用（<style>所在的页面。）

.... <style> .foo { height: 60px; } .... </style> </head>
不鼓励使用内联样式，如果有的话，应谨慎使用。它们仅限于它们所在的元素，并且更难以定位和调试。一个优点是规则将优先于所有其他非内联样式规则（或者我应该说，大部分时间，因为总是存在错误或边缘情况）。< / p>
<a name="category-four" style="color: red; background: #000;">Under 9's</a>

在内部链接中编辑字体大小和样式

3 个答案: