padding屬性的應(yīng)用,css設(shè)置原則?
這個原則是80%的時間都在寫width,height,margin,padding,border,float,position這些屬性,20%的時間在寫其它的,所以前面提到的這些屬性在何種情況下如何表現(xiàn)就顯得很重要了,另外這些屬性本來也是比較難以控制,然后大家會發(fā)現(xiàn)這些屬性都是與布局相關(guān)的屬性,也就是說布局是CSS里相當(dāng)重要的一塊,甚至可以說是最重要的一塊兒。
table是哪種表?
1,table標(biāo)簽用來定義表格,整個表格包含在<table>和</table>標(biāo)簽中;
2、caption標(biāo)簽定義表格標(biāo)題;
3、tr標(biāo)簽用來定義表格中一個行,它是單元格的容器,每行可以包含有多個單元格,由<tr>和</tr>標(biāo)簽表示;
4、td標(biāo)簽和th標(biāo)簽用來定義單元格,所有單元格都在tr標(biāo)簽內(nèi),每個單元格由一對<td>和</td>標(biāo)簽或一對<th>和</th>標(biāo)簽表示,具體的表格內(nèi)容放置在這一對td標(biāo)簽或th標(biāo)簽之中,其語法如下:
<table>
<caption>表格標(biāo)題</caption>
<tr>
<th>1行1列的內(nèi)容</th>
<th>1行2列的內(nèi)容</th>
…
</tr>
<tr>
<td>2行1列的內(nèi)容</td>
<td>2行2列的內(nèi)容</td>
…
</tr>
…
</table>
注:th和td的不同:th默認(rèn)是以粗體和居中的方式呈現(xiàn)于單元格。
table的一些常用標(biāo)簽屬性
1、border標(biāo)簽屬性:設(shè)定表格邊框的寬度(單位:px);border屬性會為每個單元格添加邊框,并用邊框圍繞表格;如果 border 屬性的值發(fā)生改變,那么只有表格周圍邊框的尺寸會發(fā)生變化,表格內(nèi)部的邊框則是1像素寬;建議使用border樣式屬性設(shè)置邊框,不要使用border標(biāo)簽屬性設(shè)置邊框,
2、width標(biāo)簽屬性:設(shè)定表格的寬度,建議使用width樣式屬性設(shè)置表格寬度,不要使用width標(biāo)簽屬性設(shè)置,該標(biāo)簽屬性有多個值:
值 描述 pixels 設(shè)置以像素計(jì)的寬度(例子:width="50")。 % 設(shè)置以包含元素的百分比計(jì)的寬度(例子:width="50%")。
3、align標(biāo)簽屬性:指定表格相對于周圍標(biāo)簽的對齊方式,建議使用float樣式屬性實(shí)現(xiàn)該效果,該標(biāo)簽屬性有多個值:
值 描述 left 左對齊表格。 right 右對齊表格。 center 居中對齊表格。
4、bgcolor標(biāo)簽屬性:指定表格背景顏色,建議使用background-color樣式屬性實(shí)現(xiàn)該效果,該標(biāo)簽屬性有多個值:
值 描述 color_name 規(guī)定顏色值為顏色名稱的背景顏色(比如 "red")。 hex_number 規(guī)定顏色值為十六進(jìn)制值的背景顏色(比如 "#ff0000")。 rgb_number 規(guī)定顏色值為 rgb 代碼的背景顏色(比如 "rgb(255,0,0)")。
5、cellpadding標(biāo)簽屬性:設(shè)定單元格邊界與單元格內(nèi)容之間的間距(單位:px),建議使用padding樣式屬性實(shí)現(xiàn)對其效果
6、cellspacing標(biāo)簽屬性:指定單元格之間的間距(單位:px)
以上列出了table標(biāo)簽常用的標(biāo)簽屬性,除此之外table標(biāo)簽還有frame、rules和summary三個標(biāo)簽屬性,但因?yàn)閒rame和rules在Internet Explorer瀏覽器中不支持此屬性,而summary標(biāo)簽屬性不會再瀏覽器中產(chǎn)生任何視覺效果,所以這三個標(biāo)簽屬性忽略不講。
float屬性是盒子嗎?
float不屬于盒子屬性。盒子屬性有:width、height、padding、padding-bottom、padding-left、padding-right、padding-top、margin、border等等。
盒子模式(模型)就是在網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的CSS技術(shù)所使用的一種思維模型。CSS假定所有的HTML文檔元素都生成一個描述該元素在HTML文檔布局中所占空間的矩形元素框,可以形象地將其看作是一個盒子。
cellpadding這四個單詞的區(qū)別?
maring:css樣式,指在頁面上位置相鄰的兩個元素之間的距離關(guān)系,如margin-top是目標(biāo)元素和目標(biāo)上方的元素之間的距離,margin-left是目標(biāo)元素和其左側(cè)的元素之間的距離padding:css樣式,指元素內(nèi)部的空白占據(jù)的空間cellspacing:table元素的屬性,指其中的td之間的距離,已不推薦使用cellpadding:table元素的屬性,指其中的td的內(nèi)部的空白占據(jù)的空間建議樓主使用調(diào)試工具改變相關(guān)樣式或?qū)傩圆⒉榭葱Ч梢杂懈羁痰睦斫狻?/p>