可以利用CSS語法指令，讓網頁上的文字做些變化；例如像是文字顏色、字型、尺寸、粗細等等的語法指令。
透過這些語法指令，不在讓網頁顯得單調乏味，而變得生動有趣。
咦！？難道網頁除了文字的變化，其餘的版面是怎麼呈現出來的呢？
這時候就需要利用網頁的切版功能了，也就是使用切版的語法指令來達到想要版面配置。
至於有哪些切版的語法指令，有box model、box-sizing、box-shadow、display、border-radius、float、還有就是彈性排版flexbox
先來講講box model是什麼功用。
意思是在 CSS 裡面，html 的每個元素都可被視作為一個盒子，然後可以針對這個盒子去做調整。
因為 padding 跟 border 都是往外面長，所以如果要加個外框之類的，都會影響 box 的整體高度寬度
iThome鐵人賽
看影片追技術