CSS3是CSS的最新版本,自從它的出現以來,增加了不少新屬性,今天我們就來列舉一些常用的新增屬性。
1. border-radius
border-radius: 10px; border-radius: 10px 50px; border-radius: 10px 50px 20px 30px;
2. box-shadow
box-shadow: 10px 10px 5px #888888;
3. text-shadow
text-shadow: 1px 1px 2px #FF0000;
4. opacity
opacity: 0.5;
5. transform
transform: rotate(30deg);
6. transition
transition: all 0.3s ease;
7. nth-child
div:nth-child(2) { background-color: #FF0000; }
8. calc
width: calc(100% - 50px);
以上就是一些常用的CSS3新增屬性,它們可以大幅簡化樣式的書寫,提高開發效率。值得一提的是,不同瀏覽器對CSS3屬性的支持程度不同,需要在開發中仔細考慮兼容性問題。