Question

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

＆＃13;

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

＆＃13;

Answer 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.." />

以下是完整示例：

＆＃13;

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

＆＃13;

希望这有帮助。

Answer 2

这总是对我有用

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

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

Answer 3

尝试在单元格类中设置font-size，而不是在表类中设置。

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

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

Answer 4

这可能是因为HTML 5不支持字体标记。而是使用CSS设置字体。

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

＆＃13;

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

＆＃13;

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

应用字体标记后，表字体大小不会更改

4 个答案: