1、html/css：基本样式总结

1.使用table，table th, table td来区分公共的样式，单独用于表头和表格数据的样式

2.table{ border-collapse: collapse; border: 1px solid #999;margin: 0px; padding: 0px; text-align: center; font-family:"宋体"; font-size:12px} --全局应用

（1）切记table中的东西为公用的，所以尽量要“可以用”，比如不要把height: 20px这种有歧义的放到里面

（2）table中一定要记得使用：border-collapse: collapse;因为默认为separate，表格边框是双线条一般是不会用于实际项目中的

（3）table中一般要使用margin: 0px; padding: 0px;即默认全部居中，如果要偏移，再单独控制

（4）table中记得添加border: 1px solid #999;颜色可以修改

3.table th{border: 1px solid #999; background-color: #c5d9f1; color: #000; font-weight:bold;height:20px;} --表头应用

table td{border: 1px solid #999; color: #333; font-weight:bold; height:20px;} --表格数据应用

（1）th, td中记得添加：height:20px;控制高度

4.不换行样式控制，换行样式控制

不换行：使用<span style="color: red">xxxxx</span>的方式

换行：使用<div style="color: red">xxxxx</div>的方式

更多相关文章

随机推荐