CSS:p标签:不能加粗或文字大小

时间:2012-07-04 19:09:15

标签: css html5 tags

我为p标签创建了一个CSS。我不知道为什么font:boldfont-size=15不起作用。这意味着:虽然我更改了font-size属性的数量,但此类中的字体不是粗体,也不会更改大小。但其他一些属性效果很好,例如:colortext-decoration

以下是我的HTML5页面的简短部分:

1)CSS页面

<style>
    .title{
        font: bold;
        font-size: 15;
        color: red;
        text-decoration: underline ;
    }
</style> 

2)HTML页面:

<div class="question">
     <p class="title">
         Here is my title
     </p>
</div>

请帮帮我。

谢谢:)

2 个答案:

答案 0 :(得分:3)

它是font-weight,你需要为尺寸指定一个单位。尝试:

font-weight: bold;
font-size: 15px;

<强> jsFiddle example


字体大小:

xx-small,x-small,small,medium,large,x-large,xx-large

基于用户默认字体大小(中等)的一组绝对大小关键字。类似于表示HTML的用户默认字体大小。

更大,更小

大于或小于父元素的字体大小,大致是用于分隔上述绝对大小关键字的比率。

<强>长度

正长度。当在em或ex中指定单位时,相对于所讨论元素的父元素上的字体大小来定义大小。例如,0.5em是当前元素父级字体大小的一半。

<强>百分比

父元素字体大小的正百分比。 最好避免使用与用户的默认字体大小无关的值,例如除em或ex以外的单位的长度。但是,如果必须使用这些值,则px优于其他单元,因为它们的含义不会因操作系统认为(通常不正确)显示器的分辨率而有所不同。

字体重量:

正常

正常的字体粗细。与400相同。

粗体

粗体字体重。与700相同。

打火机

一个比父元素轻的字体(在字体的可用权重中)。

更大胆

一个比父元素更暗的字体(在字体的可用权重中)。

100,200,300,400,500,600,700,800,900

提供超过普通和粗体的字体的数字字体粗细。如果给出的确切重量不可用,则600-900使用最接近的可用较暗的重量(或者,如果没有,则使用最接近的较轻重量),并且100-500使用最接近的较轻重量(或者,如果没有则) ,最接近可用的较暗的重量)。这意味着对于仅提供普通和粗体的字体,100-500是正常的,600-900是粗体。

来源:https://developer.mozilla.org/en/CSS/font-sizehttps://developer.mozilla.org/en/CSS/font-weight

答案 1 :(得分:1)

您要查找的媒体资源为font-weight,文字大小必须为单位(empxpt):

font-weight: bold;
text-size: 1.2em; /* em is the preferred unit */