【问题标题】:CSS : p tag : cannot bold or text-sizeCSS:p 标签:不能粗体或文本大小
【发布时间】:2012-07-04 19:09:14
【问题描述】:

我为 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>

请帮帮我。

谢谢:)

【问题讨论】:

    标签: css html tags


    【解决方案1】:

    它是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

    【讨论】:

    • 哦。谢谢 :) 我使用 IDE 进行编码。当我输入:font: 和 IDE 建议 bold,所以我认为这是粗体文本
    • @hqt by font 您可以添加多种样式,例如font:italic bold 15px Arial, serif,这就是为什么你的 IDE 建议这样做
    • 哦。现在我需要italic,但是font-weight 没有斜体并且font:italic 不起作用,请给我一个提示。
    • 那将是字体样式属性。见developer.mozilla.org/en/CSS/font-style。例如:font-style: italic;
    • 正如工程师提到的,有一个用于各种字体属性的 CSS 速记语法,可让您将它们汇总在一起。见developer.mozilla.org/en/CSS/font
    【解决方案2】:

    您要查找的属性是font-weight,并且您的文字大小必须有一个单位(empxpt):

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

    【讨论】:

    • 哦。为什么 em 是首选单位,然后是像素?我认为是因为像素在不同浏览器上的计数不同,对吧?请告诉我。
    • 与旧的、有问题的浏览器的兼容性和可维护性。像素在不同 DPI 的设备上也不能很好地缩放。
    猜你喜欢
    • 1970-01-01
    • 2017-12-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-25
    • 2020-05-19
    • 2023-03-06
    • 1970-01-01
    相关资源
    最近更新 更多