使用CSS3層疊樣式表(Cascading Style Sheets,簡稱CSS)可以控制網頁的樣式和布局,不僅可以美化網頁,還可以提高網站的訪問速度和排名。以下是如何使用CSS3的介紹:
首先,創建一個CSS樣式表:
/*文件名為style.css*/ /*給所有p標簽添加藍色字體*/ p { color: blue; } /*給id為title的元素添加紅色背景顏色和白色字體*/ #title { background-color: red; color: white; } /*給class為intro的元素添加橙色下劃線*/ .intro { text-decoration: underline; color: orange; }
在網頁中引用CSS樣式表:
示例頁面 這是一個標題
這是一個段落,文字顏色為藍色。
這是一個特殊段落,添加了下劃線和橙色字體。
在樣式表中定義的屬性可以分別應用到HTML元素中。例如,樣式表中給id為title添加了紅色背景顏色和白色字體,可以在HTML中使用#title來引用這個樣式。
CSS3中還有很多新功能,如漸變、動畫和彈性布局等,可以進一步提升網頁的效果和用戶體驗。
上一篇css3屏幕居中顯示圖片
下一篇beego返回json