3方CSS2(CSS3)是一個用于網頁設計和開發的世界標準。它是CSS2的升級版本,提供了更多的布局和效果選項,以及更好的瀏覽器兼容性。下面是關于3方CSS2一些基本的知識點,以及一些常用的用法示例。
/* 偽類選擇器 */ a:link { color: blue; } a:hover { color: red; } /* 盒模型 */ div { width: 500px; height: 300px; margin: 0 auto; border: 2px solid #333; padding: 20px; } /* 漸變效果 */ background: linear-gradient(to bottom, #000, #fff); /* 精靈圖 */ .sprite { background: url(sprite.png) no-repeat; width: 50px; height: 50px; } .sprite:hover { background-position: -50px 0; } /* 媒體查詢 */ @media (max-width: 600px) { body { font-size: 14px; } } /* 動畫效果 */ @keyframes fade { from { opacity: 0; } to { opacity: 1; } } .fade-in { animation-name: fade; animation-duration: 2s; } /* 特殊字體 */ @font-face { font-family: "My Font"; src: url(myfont.ttf); } body { font-family: "My Font", sans-serif; }
這些是3方CSS2一些基本的知識點和常用的用法示例。當然,這只是冰山一角,3方CSS2還有很多有趣的效果和功能等待著我們去探索和應用。在設計和開發網頁時,3方CSS2的使用非常重要,可以為網頁帶來更加絢麗多彩的效果和更好的用戶體驗。