无法更改h标签的属性

时间:2013-10-22 14:39:58

标签: html css ruby

为什么我无法更改h标签的属性,例如颜色,字体大小以及系列,位置等?

这是html.erb代码:

<h2style="font-family:arial;">Account summary </h2><br>
<h2style="font-family:arial;"> Name : <%=  @user.first_name %> </h2<br>
<br><h3style="font-family:arial;"> Middle initial : <%=  @user.middle_initial %> </h3><br>
 <h4style="font-family:arial;"> Last name : <%=  @user.last_name %> </h4><br>          <h5style="font-family:arial;"> E-mail : <%=  @user.email %> </h5><br> 

这是css:

 h2, h3
   {
    color:green;
    font-size: 32px;
   }  

4 个答案:

答案 0 :(得分:3)

不正确:

<h2style="font-family:arial;">

正确:

<h2 style="font-family:arial;">

你忘记了空白。

在文件或html中声明的css样式将在样式属性

中被忽略

答案 1 :(得分:0)

因为现在你的风格与h2相同。另外你的h2标签叫做h2style,中间没有空格

答案 2 :(得分:0)

您需要在标记和样式属性之间放置一个空格。这应该可以解决你的烦恼

<h2 style="font-family:arial;">Account summary </h2>

然而,将所有样式放在CSS中通常是一种好习惯。所以这个:

HTML

<h2>Account summary </h2><br>
<h2> Name : <%=  @user.first_name %> </h2<br>
<br><h3> Middle initial : <%=  @user.middle_initial %> </h3><br>
<h4> Last name : <%=  @user.last_name %> </h4><br>
<h5> E-mail : <%=  @user.email %> </h5><br>

CSS

h2, h3
   {
    font-family: arial, helvetica, san-serif;
    color: green;
    font-size: 32px;
   }  

答案 3 :(得分:-1)

试试这个

 <h2><font face="arial" color="green">This is some text!</font> </h2>