使用 css 的 html 中的字体大小

Font size in html using css

本文关键字：字体 html css 使用      更新时间：2023-09-26

在我的项目中，我需要纠正一些大文本，所以在我的css文件中我写道：

#wrong_answer
{
    color: red;
    font-size: 30;
    font-weight: bold;
}

在我的 js 文件中：

function wrong_answer()
{    
    $("body").append("<p id='wrong_answer'>Is not correct</p>");
};

最后，我得到了红色文本，但非常非常小，如果我更改字体大小，文本的大小不会改变。

所以问题是为什么我不能更改字体大小？

30什么？ 30px ， 30pt ， 30% ， 30em ？您那里的属性值无效。

使用 jQuery

时，您可以只指定一个整数，但这是因为 jQuery 将整数视为像素值，例如：

//this will work
$([selection]).css({ fontSize : 30 });

这里有一些很棒的font-size: https://developer.mozilla.org/en-US/docs/Web/CSS/font-size 文档

更新

您可以使用开发人员工具（当然是Chrome/Firefox/Safari）来检查与元素关联的CSS。当遇到无效的属性值时，这些开发人员工具将提醒您注意这一事实。

您需要指定"大小单位" . .

. 
font-size: 30px;

CSS 声明font-size: 30无效，被符合标准的浏览器忽略。如果你指的是像素，你需要说：

font-size: 30px

阅读此页面以更好地了解字体。http://www.w3schools.com/css/css_font.asp

应该是font-size: 30px或类似的东西。 您需要指定单位类型。

相关文章：