CSS一行显示两个推荐产品 它们样式不一样,该怎么写?

html-css013

CSS一行显示两个推荐产品 它们样式不一样,该怎么写?,第1张

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td CLASS=1>11</td>

<td CLASS=2>22</td>

</tr>

</table>

首先类不能用数字 作为选择器

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td CLASS="td1">11</td>

<td CLASS="td1">22</td>

</tr>

</table>

把他们的类写成一样的.td1{color:#f00font-size:14px}

transition-property :规定设置过渡效果的css属性名称(默认值all)

transition-duration :规定完成过渡效果需要多少秒或毫秒(默认0s)

transition-timing-function :指定过渡函数,规定速度效果的速度曲线(默认为ease函数)

transition-delay :指定开始出现的延迟时间(默认延迟0s)

注意:transition四个子属性之间只能用空格隔开,不能用逗号隔开

ID给很多个标签定义样式是不正常的。页面存在多个相同的ID影响就是不能通过W3的校验。

在页面显示上,目前的浏览器还都允许犯这个错误,用多个相同ID“一般情况下”也能正常显示。但是当你需要用JavaScript通过id来控制这个div,那就会出现错误。

id是一个标签,用于区分不同的结构和内容,就象人的名字,如果一个屋子有2个人同名,就会出现混淆;

class是一个样式,可以套在任何结构和内容上,就象一件衣服;

概念上说就是不一样的:

id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

也就是说建议在写XHML+CSS时如果是唯一的结构定位的就用id,否则就用class。