這是一篇關(guān)于CSS代碼編寫(xiě)實(shí)驗(yàn)的報(bào)告。我們通過(guò)實(shí)驗(yàn)學(xué)習(xí)了如何使用CSS來(lái)控制網(wǎng)頁(yè)元素的樣式。
在實(shí)驗(yàn)中,我們首先學(xué)習(xí)了如何使用內(nèi)聯(lián)樣式來(lái)控制元素的樣式。以下是使用內(nèi)聯(lián)樣式設(shè)置文字顏色和背景色的代碼示例:
<p style="color:red;background-color:yellow">這是一段帶有樣式的文字</p>
接下來(lái),我們學(xué)習(xí)了如何使用內(nèi)部樣式表來(lái)控制整個(gè)頁(yè)面的樣式。以下是使用內(nèi)部樣式表設(shè)置所有段落顏色和字體大小的代碼示例:
<head> <style> p { color: blue; font-size: 16px; } </style> </head>
最后,我們學(xué)習(xí)了如何使用外部樣式表來(lái)控制整個(gè)網(wǎng)站的樣式。以下是使用外部樣式表設(shè)置整個(gè)網(wǎng)頁(yè)樣式的代碼示例:
//index.html文件 <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> //style.css文件 p { color: green; font-size: 18px; }
通過(guò)這些實(shí)驗(yàn),我們深入了解了CSS的基本用法和原理,為以后更好的網(wǎng)頁(yè)設(shè)計(jì)打下基礎(chǔ)。
上一篇picker vue
下一篇css代碼加圖片