CSS(Cascading Style Sheets)是一種用于描述網頁樣式和布局的語言。它可以讓網頁設計師非常靈活地控制頁面元素的樣式和位置,使得網頁的視覺效果更加美觀、清晰、具有吸引力。隨著HTML5和CSS3的發展,CSS3新增了許多新的屬性,下面我們來一一了解一下。
/* 屬性代碼示例 */ .box { border-radius: 10px; box-shadow: 2px 2px 4px #999; background: linear-gradient(to right, #00bcd4, #4caf50); transform: rotate(20deg); }
1. border-radius:
這個屬性可以讓元素的邊框裁剪成圓角,可以設置一個或四個參數。比如直角邊框:border-radius: 5px;設置四個圓角:border-radius: 10px 5px 8px 3px;
2. box-shadow:
這個屬性可以給元素添加陰影效果,可以設置多個參數。比如:box-shadow: 2px 2px 4px #999;參數依次是:水平偏移量、垂直偏移量、模糊半徑、陰影顏色。
3. linear-gradient:
這個屬性可以讓元素的背景漸變,可以設置多個顏色停止點,也可以設置角度。比如:background: linear-gradient(to right, #00bcd4, #4caf50);
4. transform:
這個屬性可以讓元素變形,包括旋轉、縮放、位移等。比如:transform: rotate(20deg);旋轉20度。
以上是CSS3屬性的一些基礎介紹,當然還有更復雜的屬性,在實際的使用中需要靈活和深入了解和使用。