console
<!DOCTYPE html>
<html>
<head>
<meta charset="UTf-8">
<style type="text/css">
h1{
color:red;
font-weight:bolder;
}
thead{
background-color:green;
}
#hls1{
color:red;
}
#hls2{
color:red;
}
tr.conment{
background-color:blue;
}
tr.conment2{
background-color:purple;
}
</style>
<title></title>
</head>
<body>
<h1>CSS</h1>
<table border="1">
<thead>
<tr>
<td>行内式</td>
<td>内嵌式</td>
<td>链入式</td>
<td>XX式</td>
<td>XX式</td>
</tr>
</thead>
<tbody>
<tr class ="conment">
<td id="hls1">行内式也称为内联样式，是通过标签的style属性来设置元素的样式，其基本语法格式如下:</td>
<td>内嵌式</td>
<td>链入式</td>
<td>XX式</td>
<td>XX式</td>
</tr>
<tr class ="conment2">
<td id="hls2"><标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 <标签名></td>
<td>内嵌式</td>
<td>链入式</td>
<td>XX式</td>
<td>XX式</td>
</tr>
</tbody>
</table>
</body>
</html>