CSS3是Cascading Style Sheets(層疊樣式表)的第三個版本,是一個增強了很多新特性的樣式語言。下面是一些CSS3基礎的筆記:
/* * CSS3允許使用選擇符來匹配一些屬性的值: */ input[type="text"] { /* CSS樣式 */ } /* * CSS3新增了使用偽類來選擇某個元素的特定狀態: */ a:hover { /* 在鼠標懸浮時應用的CSS樣式 */ } /* * CSS3可以使用媒體查詢來動態地改變CSS規則: */ @media screen and (max-width: 600px) { /* 在寬度小于600像素的屏幕上應用的CSS樣式 */ } /* * CSS3帶來了很多新的盒模型特性: */ div { box-shadow: 5px 5px 5px gray; border-radius: 10px; } /* * CSS3支持使用2D和3D變換來改變元素的位置和形狀: */ #my-element { transform: rotate(45deg); } /* * CSS3帶來了大量新的動畫效果: */ @keyframes my-animation { from { opacity: 0; } to { opacity: 1; } } #my-element { animation: my-animation 1s forwards; }
這只是CSS3的冰山一角。它是一個強大的工具,可以幫助開發者更好地掌控網頁的樣式和行為。我們希望您能夠善加利用CSS3,并嘗試著去探索更多關于它的內容。
上一篇css js網頁美化大全
下一篇css3多列平分寬度