檢視 2020/資訊基礎應用/CSS 的原始碼
←
2020/資訊基礎應用/CSS
跳至導覽
跳至搜尋
由於下列原因,您沒有權限進行編輯此頁面的動作:
您請求的操作只有這個群組的使用者能使用:
使用者
您可以檢視並複製此頁面的原始碼。
===主要架構=== 在網頁的世界裡,最後呈現給觀眾看的會是HTML,無論是CSS、PHP還是javascript,在每一個網頁查看原始碼時,我們都能看見它們以HMTL呈現。 HTML就像網頁的身體,而今日的主題CSS就是衣服,CSS不能單獨存在,它是為了HTML而生,每一行定義指令,都必須有個對應的身體,不然CSS就沒有存在的意義,即無法呈現給使用者。 ===三層階級=== 第一階級直接在一行程式碼裡面進行定義,舉例: <p style='color:red'>紅字</p> 呈現效果: <p style='color:red'>紅字</p> 第二階級在檔案的最前端進行定義,並且給段落設定class,舉例: <style> .color{ color:red; } </style> <p class='color'>紅字</p> 呈現效果: <p style='color:red'>紅字</p> 最終呈現的效果其實是一樣的,但有時,我們需要一個相同樣式出現在多個檔案中,所以我們就需要用到CSS。 ===今日練習=== 建立一個HTML與一個CSS,在這裡HTML不做任何樣式定義,但三段文字的樣式都不同。 [http://nice-learning.tw/uploadFiles/全民科學平台/張又懿/main.html html範例] [http://nice-learning.tw/uploadFiles/全民科學平台/張又懿/style.css css範例] ===今日作業=== 製作一個HTML檔,不做任何樣式定義,但卻都不是預設的樣式。裡頭必須包含一個表格、一段落文字、一張照片、一個標題。 [http://nice-learning.tw/uploadFiles/全民科學平台/張又懿/範例.html 範例]
返回「
2020/資訊基礎應用/CSS
」頁面
導覽選單
個人工具
登入
命名空間
頁面
討論
變體
視圖
閱讀
檢視原始碼
檢視歷史
更多
搜尋
導覽
首頁
近期變更
隨機頁面
有關 MediaWiki 的說明
工具
連結至此的頁面
相關變更
特殊頁面
頁面資訊