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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值