Firefox Developer Tools - Style Editor
-
0:04 - 0:07利用樣式編輯器，你可以使用CSS開發新的玩意
-
0:12 - 0:15左側列出了當前頁面的所有樣式表
-
0:15 - 0:19而右側顯示了你當前在編輯器中選擇的樣式表。
-
0:22 - 0:25你可以修改當前的內容
-
0:27 - 0:28增加新的內容
-
0:31 - 0:33你可以馬上看到修改的成果
-
0:35 - 0:36你還可以增加新的表
-
0:38 - 0:42在這個網站上，我用html和javascript編寫，但是沒有對內容進行樣式設置
-
0:44 - 0:46點這裡，可以創建新的樣式表
-
0:50 - 0:52我先設定背景色，然後配置一個按鈕
-
0:56 - 0:58接下來把地圖位置給置中
-
1:01 - 1:02最後，我把按鍵給美化一下
-
1:11 - 1:14案“保存”會使你做的更改永久生效
-
1:19 - 1:21接著將此樣式表鑲進我的html裡
-
1:24 - 1:25關掉樣式表編輯器
-
1:26 - 1:27然後重整頁面
-
1:29 - 1:32這只是對樣式編輯器簡單的介紹
-
1:32 - 1:36如果還想知道更多，請造訪 developer.mozilla.org
- Title:
- Firefox Developer Tools - Style Editor
- Video Language:
- English
- Duration:
- 01:38
|
KEVIN edited Chinese, Traditional subtitles for Firefox Developer Tools - Style Editor |