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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xushaozhang/article/details/78963925

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>的方式

猜你喜欢

转载自blog.csdn.net/xushaozhang/article/details/78963925