一個網頁設計師腦子裡一定會被大量與他的工作有關的知識填滿。而說到CSS,它可以幫助對網站進行設計,讓設計具有更多的可能性,用更簡單的方式讓你的網站更具吸引力,而使用傳統的技術這些方面並不容易面面俱到。
對於前端,頁面而言,CSS的確是一門首選需要掌握的技能。
以下就是9種非常實用的CSS3屬性和使用技巧,
1. 圓角效果
談及圓角小編曾在各種討論中頻繁聽見:實現麻煩、兼容困難、性能不佳等等缺點。而如今的Web設計需要的就是各種各樣新的開發技巧,因此越來越多的前端和頁面都開始使用HTML5。
對於HTML5而言,從前必須使用圖片來實現的需求,現在都可以通過代碼來實現。而CSS3中加入的“border-radius”就可以用通過它來直接定義HTML元素的圓角,並支持所有浏覽器的最新版本。
我可以通過如下代碼實現:
border-radius: 10px; /* CSS3 Property */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Chrome/Safari */
-khtml-border-radius: 10px; /* Linux browsers */
我們也可以使用下面這樣的組合版本,或者用它來對上面的代碼進行速記。