Html 有人能帮我清理一下这个代码吗
我不相信我的代码设置正确,我花了很多时间和精力。有人可以看一下它,并调整它的代码应该如何看。我想保持相同的内联css格式,我只是想清理一下代码 我认为我没有使用正确的标签 我想保持填充不变,调整所有其他内容 我的代码:Html 有人能帮我清理一下这个代码吗,html,Html,我不相信我的代码设置正确,我花了很多时间和精力。有人可以看一下它,并调整它的代码应该如何看。我想保持相同的内联css格式,我只是想清理一下代码 我认为我没有使用正确的标签 我想保持填充不变,调整所有其他内容 我的代码: 这个 -------- -------- -------- -------- --------- --------- -------- -------- 所以。。。和评论中提到的每个人一样,您应该使用CSS来设置样式,特别是因为这里实际上只有4种不同的样式。我
这个
--------
--------
--------
--------
---------
---------
--------
--------
所以。。。和评论中提到的每个人一样,您应该使用CSS来设置样式,特别是因为这里实际上只有4种不同的样式。我所做的是快速而肮脏的修复,我不建议养成像我这样命名类的习惯。它们太模糊了
这是两个文件。(如果这令人困惑,请阅读.php vs.html)
Demo.php
我没有更改您的规则,只是简单地移动了它们,并对它们进行了格式化。那么您希望我们做什么?“寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误,以及在问题本身中复制它所需的最短代码。”看,我想保持相同的内联css格式,我只是想把代码清理一下。你知道你可以使用类来重复样式。您可以在这里阅读更多内容:最好是创建一个styles.css文件;把所有的样式移到那里,加上名字;并加载styles.css文件。请参阅本页关于如何使用外部文件的内容,以及本页关于如何创建和使用CSS类的内容:我不确定您的意思是什么。。。永远不要将CSS与html混合使用。它们在两个不同的文件中,就像我做的一样。我做到了,非常感谢你:你需要阅读CSS。去看看你的问题评论中的一些链接。这种表格的名称是什么?你叫它什么?在做表格的时候,我知道它们有不同的名字,你用的是什么类型的表格?
<table align='center' height='100%'>
<tr>
<td valign='middle'>
<table>
<tr>
<td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
The
<br/>
<span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
</span>
</td>
<td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
--------
<br/>
<span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
</span>
</td>
<td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
--------
<br/>
<span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
</span>
</td>
</tr>
<tr>
<td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
--------
<br/>
<span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
</span>
</td>
<td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
--------
<br/>
<span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
</span>
</td>
<td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
---------
<br/>
<span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
</span>
</td>
</tr>
<tr>
<td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 0px; padding-left: 50px;'>
---------
<br/>
<span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
</span>
</td>
<td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 0px; padding-left: 50px;'>
--------
<br/>
<span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
</span>
</td>
<td style='color: #0059dd;line-height:1;font-size:30;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 0px; padding-left: 50px;'>
--------
<br/>
<span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!DOCTYPE html>
<html>
<title>Page Title</title>
<link rel="stylesheet" href="style.css">
<table align='center' height='100%'>
<tr>
<td valign='middle'>
<table>
<tr>
<td class="one">
The
<br/>
<span class="two">
</span>
</td>
<td class="one">
--------
<br/>
<span class="two">
</span>
</td>
<td class="three">
--------
<br/>
<span class="two">
</span>
</td>
</tr>
<tr>
<td class="one">
--------
<br/>
<span class="two">
</span>
</td>
<td class="one">
--------
<br/>
<span class="two">
</span>
</td>
<td class="one">
---------
<br/>
<span class="two">
</span>
</td>
</tr>
<tr>
<td class="four">
---------
<br/>
<span class="two">
</span>
</td>
<td class="four">
--------
<br/>
<span class="two">
</span>
</td>
<td class="four">
--------
<br/>
<span class="two">
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
td.one{
color: #0059dd;
line-height:1;
font-size:30;
font-weight:bold;
padding-top: 0px;
padding-right: 50px;
padding-bottom: 100px;
padding-left: 50px;
}
span.two{
color:#000000;
display:inline-block;
width: 300px;
height: 24px;
background-color:#E2AB58;
}
td.three{
color: #0059dd;
line-height:1;
font-size:30;
font-weight:bold;
font-weight:bold;
padding-top: 0px;
padding-right: 50px;
padding-bottom: 100px;
padding-left: 50px;
}
td.four{
color: #0059dd;
line-height:1;
font-size:30;
font-weight:bold;
padding-top: 0px;
padding-right: 50px;
padding-bottom: 0px;
padding-left: 50px;
}