[學習日誌參考格式]

檔名：學號_姓名_week03.htm

物聯網系統設計與研究 Week01 學習日誌

任課老師：王曉瑞

學　　生：凃怡安

學號： NIT 110101

一、課程摘要

1. HTML5 文字顏色改變

2. CCS 設定一組樣表，可一次取代改變所有文字顏色

3. CCS 設定 align content ，將文字置中排列

4. CCS 基本應用

CSS 代表 Cascading Style Sheet，或稱樣式表，是網頁資料的顯示格式，也就是針對網頁上的資料設定顯示格式，以為後續整體網頁顯示參考。

二、課程網路資源

1.HTML5文字顏色網站

　　 https://www.w3schools.com/html/html_colors.asp

　 2. HTML CCS 學習網站

https://www.w3schools.com/css/default.asp

三、課程重要指令語法摘要

1. 網頁文字顏色改變

●改變字體<h1 style="color:Tomato;">Hello World</h1>

●改變背景 <h1 style="background-color:DodgerBlue;">Hello

World</h1>

2 .HTML CCS設定應用

●使用一組格式設定樣表，一次性改變顏色

CSS指Cascading Style Sheet，或稱「樣式表」

<head>css語法寫在head (可置入不同語法) <style> 可改變顏色風格

              EX: <head>
                   <style>
                   h1 {
                         color: blue;
                          }
                     </style>
                    </head>

body{ css語法設定body (背景即可全變色)

background-color: lighblue;}

h1 {

color: white; à設定文字為白色

text-align: center; à文字至於中央

background-color: lightblue; à文字背景為淺藍色 }

</style>

</head>

3. 網頁標籤CSS的設定方式

將CSS格式存成外部檔案，如:xxx.css，

不能包括任何HTML格式，只能有CSS格式。

                h1 {color:red;}
                       h2 {color:blue;}
                       h3 {color:yellow;}
                       h4 {color:green;}
                       h5 {color:orange;}
                       h6 {color:purple;}

4.建立網頁程式，在網頁<head>區塊內，加入連結敘述。

<head>

</head>

※href後面的連結檔案檔名要正確，否則無法套用CSS樣式。

4. 學習心得

每一週學習新語法，慢慢對於語法有更進一步認識，CCS設定方法，能夠更有效率改變整體文字，相當方便。

上一週的youtube影片測試錯誤，經過同學的分享及不斷練習，終於順利把影片連結成功。