html 檔案內容
item
manufacturer
size
unit price
quantity
total price
corn flakes
kellogg's
18 oz
2.50
12.50
solid white tuna
starkist
5 oz
2.79
25.58
cream of mushroom soup
campbell's
10.75 oz
1.00
22.00
2 % lowfat milk
safeway
0.5 gal
1.99
11.99
extra-wide egg noodles
golden grain
12 oz
0.87
32.61
total
914.68
css 檔案 p1a 內容
body
/*border-collapse 設定**的邊框是否被合併為乙個單一的邊框
border-spacing 單元格邊框間的距離
width: 50% **寬度佔其父元素的 50%
*/table
/* tr元素定義**行,
th元素定義表頭,
td元素定義**單元格
*/table td
table th
/*tr:nth-child(odd) 選擇器
*/table tr:nth-child(odd)
table tr:nth-child(even)
/*隱藏最後一行
*/table tr:last-child
/*表頭前三列靠左,後三列居中
*/table th:nth-child(1),th:nth-child(2),th:nth-child(3)
table th:nth-child(4),th:nth-child(5),th:nth-child(6)
table td:nth-child(1)
table td:nth-child(2)
table td:nth-child(3)
table td:nth-child(4)
table td:nth-child(5)
table td:nth-child(6)
css 檔案 p1b 內容
/* 唯一的注釋符號,不能用 // */
body
table
/***有外邊框和內邊框之分,內邊框是每個格仔的邊框;
*/th, td
/* 修改行,算表頭 */
tr:nth-child(7)
/* 修改第 1 列,不包括表頭,但是用此方法無法修改第 2 列
table tr td:first-child
*//*
修改指定的格仔,例如第 2 行第 2 列的格仔 tr:nth-child(2) > td:nth-child(2)
n+4 表示從 4 開始
*/td:nth-child(n+4)
/* 在 separate 下使用 tr:nth-child(7) 修改上邊框不起作用
可直接使用 table tr:last-child td
*/tr:nth-child(7) > td:nth-child(1)
tr:nth-child(7) > td:nth-child(2)
tr:nth-child(7) > td:nth-child(3)
tr:nth-child(7) > td:nth-child(4)
tr:nth-child(7) > td:nth-child(5)
tr:nth-child(7) > td:nth-child(6)
資訊保安實踐Lab2 CSS
sudo apt get install y language pack en base sudo lc all en us.utf 8 add apt repository ppa ondrej php sudo add apt repository ppa ondrej php sudo apt...
企業內網資訊保安實踐 記ChinaUnix技術交流
企業內網資訊保安實踐 隨著稜鏡計畫的 越來越多的資訊保安的事件暴露在公眾面前。對於企業來說,遭受到黑客攻擊和破壞是家常便飯,只是您沒有覺察到。自從09年就開始研究ossim0.9版本,歷經進10個發行版如今它已有突飛猛進的發展,功能已相當完善,為此受chinaunix邀請參加了 針對企業內部資訊保安...
企業內網資訊保安實踐 記ChinaUnix技術交流
企業內網資訊保安實踐 隨著稜鏡計畫的 越來越多的資訊保安的事件暴露在公眾面前。對於企業來說,遭受到黑客攻擊和破壞是家常便飯,只是您沒有覺察到。自從09年就開始研究ossim0.9版本,歷經進10個發行版如今它已有突飛猛進的發展,功能已相當完善,為此受chinaunix邀請參加了 針對企業內部資訊保安...