粗體斜體的應用 | html字型粗體
Hi~~大家這週的過的好嗎?現在最好防疫就是待在家別亂跑吧~當然我也好好待在家好好寫文啦~雖然好燒腦(大誤XDD上星期介紹完CSS的基本語法後,今天來寫寫CSS在文字上的應用吧:)改變文字的大小
外面下了好大的雨
Hi~~大家這週的過的好嗎?現在最好防疫就是待在家別亂跑吧~當然我也好好待在家好好寫文啦~雖然好燒腦(大誤XDD上星期介紹完 CSS 的基本語法後,今天來寫寫 CSS 在文字上的應用吧:)
改變文字的大小 <html> <head> <title> </title> <link rel="stylesheet" href="css/123.css"> </head> <body> <div class ="abc" > <p>外面下了好大的雨</p> </div> </body> </html>在這裡先隨便寫一段 HTML 以方便呈現 CSS的效果 (真的超隨便der~XDD)呈現的畫面如下:
我們會看到「 外面下了好大的雨 」的文字出來,那要如何改變文字的大小呢?這時候我們會用 font-size 這個語法,接下來我們來到了 CSS 語法的部份:
.abc p { font-size: 36px; }font-size就是可以改變文字大小的語法,px 是單位,寫上 36px 之後會發現字變大了
很明顯的字變大了,用這個語法我們就依照網頁不同的需求去改變不同的文字大小了
改變文字的顏色我們了解到如果修改文字大小後,會想著如果文字能有顏色增加不同的風采那就太好惹~~~接下來,就要開始改變字的顏色,這裡使用到的是 color 這個語法:
.abc p { font-size: 36px; color: brown; }加上了 color: brown; 的語法後會發現文字會變成咖啡色的了
用這語法可以寫出你想要的文字顏色,但新手可能會問這麼多顏色的語法我怎麼記的起來呀><這個問題很簡單,google 一下 CSS 色碼表就有提供很多色碼...