cellspacing,table的cellspacing和cellpadding有什么区别
本文目录索引
- 1,table的cellspacing和cellpadding有什么区别
- 2,cellspacing和cellpadding的区别
- 3,在HTML中,cellpadding和cellspacing分别表示什么意思?
- 4,在html语言中,cellpadding="0" cellspacing="0"是什么意思啊?
- 5,html中,table 的cellpadding cellspacing 属性,无法在css中设置?
- 6,margin padding cellspacing cellpadding区别
1,table的cellspacing和cellpadding有什么区别
cellpadding和cellspacing区别: cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字,表示单元格间隙所占的像素点数。 看下面的两个表格: 比较代码,上边两个表格中只有cellspacing的设置不同,一个为“0”,一个为“8”,显示的结果就是第一个表格的每个单元格之间的距离为0(在本例中由于我们为了显示的方便,将表格边框设为“1”,所以单元格的真实距离是“2”,若将表格边框设为“0”,则单元格的距离就是0了,第二个单元格同理),第二个表格的每个单元格之间的距离为8。 cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字,表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。我们先来看看这个例子: 看下面两个表格: 第一个表格单元格的内容与单元格边界之间没有空白距离,而第二个表格单元格的内容与单元格边界之间有空白距离,我们来比较一下他们的源代码: 第一个表格的代码: <tablewidth="240"cellspacing="0"border="1"bordercolor="#000000"cellpadding="0"> <tr> <tdwidth="120">网页陶吧</td> <td></td> </tr> </table> 第二个表格的代码: <tablewidth="240"cellspacing="0"border="1"bordercolor="#000000"cellpadding="15"> <tr> <tdwidth="120">网页陶吧</td> <td></td> </tr> </table> 两个表格只有红色部分代码不同。第一个表格中"网页陶吧"这几个字离它所在的单元格为0,那是因为设置了cellpadding="0"的原因.第一个表格中的"网页陶吧"这几个字离它所在的单元格比较远,那是因为cellpadding="15",也就是说"网页陶吧"离它所在的单元格的边界的距离为20像素。简单的说,cellpadding的值等于多少,那表格内的单元格从自身边界开始向内保留多少空白,单元格里的元素永远都不会进入那些空白里。
2,cellspacing和cellpadding的区别
cellpadding和cellspacing区别: cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字,表示单元格间隙所占的像素点数。 看下面的两个表格: 比较代码,上边两个表格中只有cellspacing的设置不同,一个为“0”,一个为“8”,显示的结果就是第一个表格的每个单元格之间的距离为0(在本例中由于我们为了显示的方便,将表格边框设为“1”,所以单元格的真实距离是“2”,若将表格边框设为“0”,则单元格的距离就是0了,第二个单元格同理),第二个表格的每个单元格之间的距离为8。 cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字,表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。我们先来看看这个例子: 看下面两个表格: 第一个表格单元格的内容与单元格边界之间没有空白距离,而第二个表格单元格的内容与单元格边界之间有空白距离,我们来比较一下他们的源代码: 第一个表格的代码: <tablewidth="240"cellspacing="0"border="1"bordercolor="#000000"cellpadding="0"> <tr> <tdwidth="120">网页陶吧</td> <td></td> </tr> </table> 第二个表格的代码: <tablewidth="240"cellspacing="0"border="1"bordercolor="#000000"cellpadding="15"> <tr> <tdwidth="120">网页陶吧</td> <td></td> </tr> </table> 两个表格只有红色部分代码不同。第一个表格中"网页陶吧"这几个字离它所在的单元格为0,那是因为设置了cellpadding="0"的原因.第一个表格中的"网页陶吧"这几个字离它所在的单元格比较远,那是因为cellpadding="15",也就是说"网页陶吧"离它所在的单元格的边界的距离为20像素。简单的说,cellpadding的值等于多少,那表格内的单元格从自身边界开始向内保留多少空白,单元格里的元素永远都不会进入那些空白里。
3,在HTML中,cellpadding和cellspacing分别表示什么意思?
cellspacing设置为“0”,显示的结果就是第一个表格的每个单元格之间的距离为0。若将表格边框设为“0”,则单元格 的距离就是0了
cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小
。此属性的参数值也是数字,表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。
楼上回答的很简洁 正解
4,在html语言中,cellpadding="0" cellspacing="0"是什么意思啊?
在html语言中,cellpadding="0"意思是table表格的单元格子的内容与单元格子四边边界之间空白距离为0像素。正规写法为。 在html语言中,cellspacing="0"意思是table表格中的单元格子之间的空白距离为0像素。正规写法为。 扩展资料: 在HTML语言中cellpadding 用于,cellpadding=10的意思就是在原有小格的基础上沿四边内部各加上10 个像素点子宽度,也就是把原来的小格变大,但原来写的内容占的大小范围不变。 在HTML语言中cellspacing也用于,cellspacing=10的意思就是在table表格里每个小格之间,上下左右四边外部各加上10 个像素点子宽度,也就是把小格与小格之间距离变大,但每个小格占的大小范围不变。 参考资料来源: 百度百科——cellpadding 百度百科——cellspacing
5,html中,table 的cellpadding cellspacing 属性,无法在css中设置?
用 css 的 border 解决 table { border-collapse: collapse; //切记是 的属性,而非 的. } border-collapse中的 collapse 和 separate 值,定义为collapse时,边框会重叠在一起。定义为separate时单元格边框之间会有间隙。不定义时默认为separate。 cus:cellpadding,cellspacing都是废弃的属性了,早已不推荐使用,最新的html5里已经彻底去掉了这些表现型的属性。 扩展资料 html5中不再支持table的cellspacing和cellpadding属性 如果现在开始用html5的声明来写页面时,会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性。具体原因是在html5中table标签的这两个属性已经被移除,需要定义边框之类的时应该使用css的写法。 具体实现如下: Html5 Table Test table{ border-collapse:collapse; border:solid 1px Black; } table td{ width:50px; height:20px; border:solid 1px Black; padding:5px;}
6,margin padding cellspacing cellpadding区别
maring:css样式,指在页面上位置相邻的两个元素之间的距离关系,如margin-top是目标元素和目标上方的元素之间的距离,margin-left是目标元素和其左侧的元素之间的距离
padding:css样式,指元素内部的空白占据的空间
cellspacing:table元素的属性,指其中的td之间的距离,已不推荐使用
cellpadding:table元素的属性,指其中的td的内部的空白占据的空间
建议楼主使用调试工具改变相关样式或属性并查看效果可以有更深刻的理解。