資訊保安實踐 CSS

2021-10-13 20:56:04 字數 2037 閱讀 9744

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邀請參加了 針對企業內部資訊保安...