---
# System prepended metadata

title: 前端程式筆記-CSS-1
tags: [程式筆記]

---

---
title:  前端程式筆記-CSS-1
tags: 程式筆記
---
使用HTML5程式碼來顯示CSS的修改後狀況:https://gist.github.com/jzs2home/f431a942e99021a774bc7a88dc8b6ab0
![](https://i.imgur.com/BBNf4EF.jpg)

1.文字至中:程式碼
![](https://i.imgur.com/yDW7Rcf.jpg)

欄寬擴大到網頁，然後文字至中
![](https://i.imgur.com/dR0UREQ.jpg)
放到head裡style比較簡單
table,th,td各自表示表格的3元素
，代表同等級
2.字體變紅色:加入id=變數名稱，再到head裡style的CSS用#寫出指定顏色



---
(之後才會寫到~先留著)
2.上傳網頁的空間:cyberduck - https://cyberduck.io/download/
安裝參考:https://www.youtube.com/watch?v=x1DSvjpJ1T0

如果點兩下不會動-就是要用系統管理員來開
![](https://i.imgur.com/dpZGWXU.png)
打開長這樣~有難度的要來了
![](https://i.imgur.com/fuxmMcj.jpg)
後面就要去租一個伺服器~來顯示
![](https://i.imgur.com/g5cHbkg.png)
