在本次實驗中,我學習了CSS樣式表,并使用它來設計網頁。通過實踐,我掌握了如何設置背景、字體、顏色等基本樣式。
/*設置背景圖片和字體*/ body { background-image: url("bg.jpg"); font-family: Arial, sans-serif; } /*設置標題和段落字體和顏色*/ h1 { font-size: 36px; color: #f00; } p { font-size: 18px; color: #333; } /*設置鏈接樣式*/ a { color: #00f; text-decoration: none; } a:hover { color: #f00; } /*設置圖片樣式*/ img { border: 1px solid #ccc; box-shadow: 2px 2px 2px #ccc; }
同時,我還學會了如何使用CSS布局細節優化,使網頁更加美觀。例如,我使用了“盒子模型”來設置元素的寬度、高度、邊框、填充和外邊距等屬性,讓網頁的間距更加合理。
總的來說,這次實驗讓我深入了解了CSS樣式表的使用技巧,并為我未來的網頁設計工作奠定了基礎。