CSS3是一種新增的CSS標準,它帶來了許多新特性,使得網頁的呈現更加豐富多彩。下面我們將介紹CSS3為我們添加的一些主要功能:
/* 圓角 */ border-radius: 10px; /* 陰影 */ box-shadow: 2px 2px 2px #000; /* 漸變 */ background: linear-gradient(to bottom, #00aeef, #0074ad); /* 動畫 */ @keyframes move { 0% {top: 0px;} 50% {top: 50px;} 100% {top: 0px;} } div { animation: move 2s infinite; } /* 字體 */ font-face { font-family: 'myFont'; src: url('myFont.woff') format('woff'); } h1 { font-family: 'myFont'; } /* 媒體查詢 */ @media screen and (max-width: 768px) { /* 在這里定義一些針對移動設備的樣式 */ }
以上幾個CSS3的特性只是冰山一角,它們為我們網頁的制作提供了更多的樣式效果,使得我們的網頁更加炫酷。同時,我們也要注意到瀏覽器的兼容性問題,不同的瀏覽器對CSS3的支持存在差異,因此我們在使用時需要考慮到兼容性問題。