应用字体标签后表格字体大小未更改答案

【问题标题】：Table Font Size is not Changing After Applying Font Tag应用字体标签后表格字体大小未更改
【发布时间】：2017-04-04 03:52:50
【问题描述】：

我是 HTML 新手，我正在创建一个表格，我希望表格字体大小与整个网页的字体大小相同，所以我添加了一个带有 size 属性的字体标签。这个标签改变了网页上ravery文本的字体大小，但表格字体不受影响

<html>
<head>
<title>use of table</title>
</head>
<body>
	<center> 
	<font size="80" style="red"><p>Hello World this is a font check</p></font>

	<table border="3">
		<tr><td>Roll No</td> <td>195612</td> </tr>
			<tr><td>Name</td> <td>Rajesh</td></tr>
			<tr><td>Age</td> <td>23 (Twenty Three	)</td> </tr>
			<tr><td>Father's Name</td> <td> Nayar</td> </tr>
			<tr><td>City</td> <td>Siwas Pali</td> </tr>
			</table>
</center>
</body>


</html>

【问题讨论】：

Short non-answer: <font> 在 1996 年被 CSS 取代（而且 80 无论如何都不是 size 的有效值）。停止使用<font>。学习 CSS。

标签： html font-size

【解决方案1】：

你不能那样做。 font-size 是一个 CSS 属性。

要更改 html 元素的 font-size，您需要使用一些 CSS，如下所示：

<style>
    p, table{
        font-size: 20px;
        color: red;
    }
</style>

您可以将其添加到您的代码中并删除 <font> 标记，或者您可以创建一个单独的文件并将其添加到您的 <head></head> 标记中：

<link rel="stylesheet" href="..url.." />

这是完整的例子：

<html>
<head>
  <title>use of table</title>
  
  <style>
  table{
    font-size: 25px;
    color: red;
  }
  </style>
  
</head>
<body>
  <center> 
	<p>Hello World this is a font check</p>

	<table border="3">
		<tr><td>Roll No</td> <td>195612</td> </tr>
		<tr><td>Name</td> <td>Rajesh</td></tr>
		<tr><td>Age</td> <td>23 (Twenty Three	)</td> </tr>
		<tr><td>Father's Name</td> <td> Nayar</td> </tr>
		<tr><td>City</td> <td>Siwas Pali</td> </tr>
    </table>
  </center>
</body>


</html>

希望这会有所帮助。

【讨论】：

【解决方案2】：

这总是对我有用

body,table { font-size:12px; }//or whatever size you wish to use

正如他们之前提到的，在 CSS 文件中完成所有样式并将其链接到您的项目，这就是标准。

【讨论】：

【解决方案3】：

尝试在单元格类中设置字体大小，而不是在表格类中。

.my-table td{
    font-size:11px;
}

<table class="my-table">
  <tr>
    <td>test
    </td>
  </tr>
</table>

【讨论】：

【解决方案4】：

这可能是因为 HTML 5 不支持字体标签。请改用 CSS 设置字体。

p{
  font-size: 80px;
  color: red;
}

<html>
<head>
<title>use of table</title>
</head>
<body>
	<center> 
<p>Hello World this is a font check</p>

	<table border="3">
		<tr><td>Roll No</td> <td>195612</td> </tr>
			<tr><td>Name</td> <td>Rajesh</td></tr>
			<tr><td>Age</td> <td>23 (Twenty Three	)</td> </tr>
			<tr><td>Father's Name</td> <td> Nayar</td> </tr>
			<tr><td>City</td> <td>Siwas Pali</td> </tr>
			</table>
</center>
</body>


</html>

看看这个小提琴https://jsfiddle.net/bala4kp/zxad0bc4/

【讨论】：