劉旻杰文字編輯器CSS動畫

 <style>

h1{

  border: 5px solid purple;

  background-color: pink;

  color: white;

  animation: mymove 5s infinite;

  text-align: center;

}

@keyframes mymove {

  50% {transform: rotate(-10deg);}

}

</style>

<h1>德明科大劉旻杰程式設計</h1>

<p style="font-size: 20px; text-height: 1.5;">第一堂課要了解文字編輯器（text editor）、程式解譯器（interpreter）、程式編輯器（compiler）與程式整合開發環境（IDE, Integrated Development Environment）。</p>

<p style="font-size: 20px; text-height: 1.5;">課程評分是「自己動手做的程度、品質、了解程度、自我發揮的創意。「動手做」絕對重要！有做，就及格，可以做得慢、可以補教、可以請同學或老師帶你一步一步地做。</p>

<h2>CSS=Cascading Style Sheet</h2>

header標題

主要是依照w3shools的內容上課

參考Harvard University CS50教學內容

frame框架,寬度width

<h2>第一次上課影片</h2>

<iframe width="560" height="315" src=https://youtu.be/CfxLSpPDx38></iframe>

<h2>wikipedia介紹CSS</h2>

<iframe width="560" height="315" src=https://zh.wikipedia.org/zh-tw/CSS></iframe>