HTML学习笔记1（整理）

目录：

1、cellpadding和padding有什么区别？

2、cellpadding和cellspacing分别表示什么意思？

3、margin、padding、cellspacing和cellpadding区别？

4、div style和span style的区别

---

1、cellpadding和padding有什么区别？

回答：padding是元素布局之间的内部间距；

cellpading是有表格布局的内部间距。

---

2、cellpadding和cellspacing分别表示什么意思？

回答：

（1）cellpadding单元格之间的距离。例：cellpadding="0"，意思就是说紧挨着没缝隙。

（2）cellspacing单元格中的内容与单元格边缘的距离。例：cellspacing="0"，意思就上说内容紧挨着边缘。

实操：

（1）cellpadding表示单元格到表格内文字的间距：

 <table border="1" cellpadding="10">

<tr>

  <td>100</td>

<td>200</td>

</tr>  

<tr>

  <td>300</td>

  <td>400</td>

</tr>

</table>

显示：

（2）cellspacing表示各个单元格间距：

<table border="1" cellspacing="10">

<tr>

  <td>100</td>

  <td>200</td>

</tr>

<tr>

  <td>300</td>

  <td>400</td>

</tr>

</table>

显示：

---

3、margin、padding、cellspacing和cellpadding区别？

maring：css样式，指在页面上位置相邻的两个元素之间的距离关系。

例如：margin-top是目标元素和目标上方的元素之间的距离，margin-left是目标元素和其左侧的元素之间的距离。

padding：css样式，指元素内部的空白占据的空间。

cellspacing：table元素的属性，指其中的td之间的距离，已不推荐使用。

cellpadding：table元素的属性，指其中的td的内部的空白占据的空间。

---

div style和span style的区别

案例：<h3> <div style="color:#804040">漂亮表格</div></h3>

div style意思属于内嵌样式。

【例子】

<div style="font-size:14px; color:#F00">设置字体大小14px,颜色为红色</div>

区别1：span style 是内嵌在 div style里的 span的样式比div的样式权重更高。如果span 没有设置样式,span 里的元素就继承div的样式。

区别2 ： div占用的位置是一行，如果两个div标签，那它们会自动换行。而span是随内容多少就占用多少宽度。如果有两个span标签，那它们是连在一行了。

---

问题：CSS中background:url(img/icon-list.gif) no-repeat 4px 12px; 这个4和12分别是什么意思？

答：这个是对你的背景图片定位，4px是水平方向距左4个像素；12px是垂直方向距顶12个像素！

---

CSS中margin和padding的区别

区别如下：

margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。

padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。

---

【bgcolor和bac:

（1）background-color属于css样式表里面的，这样写style="background-color:背景颜色"

bgcolor属于HTML里面的，它这样写bgcolor="背景颜色"

（2）bgcolor只是标签属性，而background 更多作为css的样式属性。

它还能设置图片、背景、定位等，如：

background-color           要使用的背景颜色 

background-position     背景图像的位置

background-size         背景图片的大小

bgcolor 属性是过时的 HTML 属性, background-color 就是取代它的。

【例如】:

<p>标签不支持bgcolor属性，只能用style标签添加CSS样式。

在HTML的<table>标签中，比如<td>,<th>,<tr>,<table>一般都是使用bgcolor。

而在CSS中，<p>标签使用color，<td>使用<background>。

bgcolor——设置背景颜色

background——设置背景图片 ,并且background还能设置图片，背景，定位等。

color——设置字体颜色

【写法】:

CSS样式<table style="background-color:red">

标签里<table bgcolor="red">