Html CSS更改td大小

我正在尝试创建一个好看的表。我找到了一个模板，我想修改它。问题是，如果我想修改顶部标题的字体大小，则“

head_nav

”中的标题如下：

#head_nav th{font size:30px；}

什么都不会发生。我做错什么了吗？另外，我想将数据“TD”设置为正方形，而不是矩形，因此我尝试了以下方法：

tr，TD{width:100%；height:100%；}

，但同样没有任何结果

这是我的代码：

时刻表
身体
{
字体系列：arial；
}
th，td
{
保证金：0；
文本对齐：居中；
边界塌陷：塌陷；
外形：1px实心#e3；
}
运输署
{
填充物：5px10px；
}
th
{
背景:#666；
颜色：白色；
填充物：5px10px；
}
td:悬停
{
光标：指针；
背景:#666；
颜色：白色；
}
时间
星期一
星期二
星期三
星期四
星期五
星期六
10:00 - 11:00
物理-1
英语
化学-1
阿尔兹布拉
物理的
11:00 - 12:00
数学-2
Chemestry-2
物理-1
印地语
英语
软技能
12:00 - 01:00
印地语
英语
数学-1
化学
物理
化学实验室
01:00 - 02:00
嗯。技巧
体育
英语
计算机实验室
标题
标题
02:00 - 03:00
标题
标题
标题
标题
标题
标题

您的代码无效，请尝试此操作

 table tr:first-of-type 

不要在div中插入表元素，或者使用特定的选择器，或者为您的td/tr提供class/id

正如您也被告知的，内联CSS是一种糟糕的做法，所以将其移动到一个单独的CSS文件中

正文{
字体系列：arial；
}
th，td{
保证金：0；
文本对齐：居中；
边界塌陷：塌陷；
外形：1px实心#e3；
}
运输署{
填充物：5px10px；
}
th{
背景:#666；
颜色：白色；
填充物：5px10px；
}
td:悬停{
光标：指针；
背景:#666；
颜色：白色；
}
表tr：第一种类型{
字体大小：30px；
}

时间表
时间
星期一
星期二
星期三
星期四
星期五
星期六
10:00 - 11:00
物理-1
英语
化学-1
阿尔兹布拉
物理的
11:00 - 12:00
数学-2
Chemestry-2
物理-1
印地语
英语
软技能
12:00 - 01:00
印地语
英语
数学-1
化学
物理
化学实验室
01:00 - 02:00
嗯。技巧
体育
英语
计算机实验室
标题
标题
02:00 - 03:00
标题
标题
标题
标题
标题
标题

因为您所执行的代码无效。检查一下这个，它可能会帮助你

正文{
字体系列：arial；
}
th，
运输署{
保证金：0；
文本对齐：居中；
边界塌陷：塌陷；
外形：1px实心#e3；
}
运输署{
填充物：5px10px；
}
th{
背景:#666；
颜色：白色；
填充物：5px10px；
}
td:悬停{
光标：指针；
背景:#666；
颜色：白色；
}

时间
星期一
星期二
星期三
星期四
星期五
星期六
10:00 - 11:00
物理-1
英语
化学-1
阿尔兹布拉
物理的
11:00 - 12:00
数学-2
Chemestry-2
物理-1
印地语
英语
软技能
12:00 - 01:00
印地语
英语
数学-1
化学
物理
化学实验室
01:00 - 02:00
嗯。技巧
体育
英语
计算机实验室
标题
标题
02:00 - 03:00
标题
标题
标题
标题
标题
标题

您可能希望将css放在另一个文件中，您应该使用

！重要信息

，但在表格中使用HTML是不好的做法，因为您的HTML无效。您不能将

直接放在

中，并且您有关闭

而没有打开标记。您不能在表中有div，因此我假设浏览器正在以这样一种方式补偿错误，即th不再在div中。如果您将id改为tr，则会发生什么情况，然后您可以省去div。th，td{}做什么？它将括号之间的样式应用于

th

和

td

元素。谢谢你的回答