padding屬性填充,web前端學(xué)習(xí)HTML表格的屬性標(biāo)記有哪些?
HTML表格的基本結(jié)構(gòu)包括<table>、<caption>、<tr>、<td>、<th>等標(biāo)記
1:<table>標(biāo)記有以下屬性
① width屬性:表示表格的寬度
② height屬性:表示表格的高度
③ border屬性:表示表格外邊框的寬度
④ align屬性表示表格的顯示位置:left居左顯示;center居中顯示;right居右 顯示。
⑤ cellspacing屬性:單元格之間的間距
⑥ cellpadding屬性:單元格內(nèi)容與邊框的顯示距離
⑦ frame屬性:控制表格邊框外層的四條線框
⑧ rules屬性:控制顯示單元格之間的分割線
2:<caption>標(biāo)記用于表格中使用標(biāo)題
<caption>標(biāo)記的align屬性有四個取值:
① top表示標(biāo)題放在表格的上部
② bottom表示標(biāo)題放在表格的下部
③ left表示標(biāo)題放在表格的左部
④ right表示標(biāo)題放在表格的右部
3:<tr>標(biāo)記用來定義表格的行,對于每一個表格行,都是由一對<tr>...</tr>標(biāo)記表示。<tr>標(biāo)記有如下幾種屬性
① bgcolor屬性用來設(shè)置背景顏色
② align屬性用來設(shè)置垂直方向?qū)R方式
③ valign屬性用來設(shè)置水平方向?qū)R方式
4:<td>和<th>都是單元格的標(biāo)記,其必須嵌套在<tr>標(biāo)記中,成對出現(xiàn)。<th>是表頭標(biāo)記,<th>中的文字會被默認(rèn)加粗,而<td>不會,<td>是數(shù)據(jù)標(biāo)記,表示該單元格的具體數(shù)據(jù)。兩者的標(biāo)記屬性是一樣的:
① bgcolor屬性用來設(shè)置背景顏色
② align屬性用來設(shè)置垂直方向?qū)R方式
③ valign屬性用來設(shè)置水平方向?qū)R方式
④ width屬性用來設(shè)置表格的寬度
⑤ height屬性用來設(shè)置表格的高度
⑦ rowspan設(shè)置單元格所占行數(shù)
⑧ colspan設(shè)置單元格所占列數(shù)
padding?
上下內(nèi)邊距為5px,左右內(nèi)邊距為0px。下面來了解一下Padding:Padding(填充)屬性定義元素邊框與元素內(nèi)容之間的空間。padding 簡寫屬性在一個聲明中設(shè)置所有內(nèi)邊距屬性。設(shè)置所有當(dāng)前或者指定元素內(nèi)邊距屬性。該屬性可以有1到4個值。當(dāng)元素的 Padding(填充)(內(nèi)邊距)被清除時,所"釋放"的區(qū)域?qū)艿皆乇尘邦伾奶畛洹?/p>
html5如何設(shè)置div離底部的距離?
可以通過css的margin-bottom屬性或者是padding-bottom屬性來進行設(shè)置,但marign-bottom和padding-bottom屬性兩者在作用對象上有區(qū)別。
margin-bottom作用的對象是在div這個本身的元素上面,表示距離div本身這個元素距離底部的距離。
padding-bottom作用的對象是在div的父元素上面,指的是內(nèi)邊距距離底部的距離,相對于div本身來說就是一個外邊距。
css浮動如何設(shè)置間距?
css浮動如何設(shè)置間距是通過css的padding屬性或者是margin屬性,還有hover偽類屬性聯(lián)合完成 的,hover屬性指的是鼠標(biāo)懸浮的,然后設(shè)置padding屬性設(shè)置內(nèi)間距,paddign屬性為外邊距,word-spacing屬性增加或減少單詞間的空白(即字間隔);在這個屬性中,“字”定義為由空白符包圍的一個字符串