码迷,mamicode.com
首页 > Web开发 > 详细

使用css和不使用比较

时间:2020-06-24 12:06:19      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:单元   关心   mic   元素   mamicode   ima   alt   src   class   

示例 1 : 

不使用css

不使用css 给每一个单元格加上背景颜色
就需要给每一个td元素加上bgcolor属性

<table border="1">
  <tr >
      <td bgcolor="gray" >1</td>
      <td bgcolor="gray">2</td>
  </tr>
  
  <tr>
      <td  bgcolor="gray">3</td>
      <td  bgcolor="gray">4</td>
  </tr>
  
  <tr>
      <td  bgcolor="gray">a</td>
      <td  bgcolor="gray">b</td>
  </tr>
  
</table>

技术图片

 

 

示例 2 : 

使用css

使用css 给每一个单元格加上背景颜色
只需要在最前面写一段css代码,所有的单元格都有背景颜色了

这是一种分层设计的思想,css把和颜色,大小位置等信息剥离到<style>中,而html只用关心提供什么样的内容就行了。

<style>
td{
  background-color:gray;
}
</style>
 
<table border="1">
  <tr >
      <td>1</td>
      <td>2</td>
  </tr>
  
  <tr>
      <td>3</td>
      <td>4</td>
  </tr>
  
  <tr>
      <td>a</td>
      <td>b</td>
  </tr>
  
</table>

 

技术图片

 

使用css和不使用比较

标签:单元   关心   mic   元素   mamicode   ima   alt   src   class   

原文地址:https://www.cnblogs.com/JasperZhao/p/13186721.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!