link實習日誌 20221124

link09:00 動態周報修復破版 + RWD

打開上周五的學習日誌，根據上周列出的解決方式修復破版 + RWD。

link11:00 動態周報修復破版 + RWD

一屏完成修復破版 + RWD 並上傳。

link12:30 午餐

餐廳：給力盒子

我點了椒鹽水煮雞胸餐盒 $110，內容物有紫米飯、小白菜、高麗菜、豆芽菜、地瓜、半顆水煮蛋、椒鹽水煮雞胸。

link13:30 回到公司

繼續修復破版 + RWD。

link14:00 剩餘任務

link16:00 問問題

問導師 card 3-3 的處理方式，他想到 margin-top: -100px，或許可以用負的外距來做圖片定位。

link17:30 問問題

完成 card 3-3 的電腦版，問導師如何製作手機板比較好，討論後決定隱藏圖片。

導師傳來訊息＂今天先把這做完就好，感謝你＂。

三屏完成修復破版 + RWD。更新一屏的圖片。

詢問導師 CSS 設定能不能用 <link rel="stylesheet" href="style.css"> 引入，他說無法，只能放在 <style></style> 當中。

我回傳訊息＂全部完成並已上傳＂。

link18:00 下班

link本日心得

終於完成了，或許明天可以學到如何利用伺服器、資料庫和後端語言加入各種功能，例如自動化匯入內容產生新的動態周報、向所有訂閱者寄出電子郵件等等。

link表格元素的尺寸

表格元素的尺寸會互相影響。以下大概列出，我感覺上各項表格元素是否可以套用設定，且不用擔心影響到其他元素的設定：

link表格排版做法

假設有一個表格長這樣：

1link<table>

2link    <tr>

3link        <td>

4link            <p></p>

5link        </td>

6link    </tr>

7link</table>

表格內容寬度固定、水平置中的作法：

1linktable, td {

2link    width: 100%;

3link}

4linkp {

5link    width: 300px;

6link    margin: 0 auto;

7link}

表格內容寬度滿版、設定內距的作法：

1linktable, td {

2link    width: 100%;

3link}

4linkp {

5link    padding: 30px;

6link}