CSS(層疊樣式表)是一種用于網頁布局和設計的樣式語言。CSS 3 是目前使用的最新版本,也是最具有實用性的版本之一。
CSS 3引入了許多新的屬性和功能,包括如下特性:
.box{ border-radius: 5px; /*圓角邊框*/ box-shadow: 2px 2px 2px #888888; /*盒陰影*/ text-shadow: 1px 1px 1px #000000; /*文本陰影*/ opacity: 0.5; /*透明度*/ transition: all 0.5s ease-in-out; /*漸變過渡*/ transform: rotate(45deg); /*旋轉*/ background: linear-gradient(#ffffff, #cccccc); /*線性漸變*/ box-sizing: border-box; /*盒模型*/ font-face: "@font-face {font-family: 'myFont'; src: url('myFont.ttf');}"; /*自定義字體*/ }
CSS 3還支持更加強大的選擇器,比如:
/*偽類*/ a:hover{ text-decoration: underline; } /*屬性選擇器*/ input[type='text']{ border: 1px solid #cccccc; } /*偽元素*/ p::after{ content: "后綴"; }
使用CSS 3可以創造出更加令人驚嘆的網頁設計,同時也更加容易實現對網頁的復雜控制。但也需要注意的是,為了兼容老版本的瀏覽器,我們仍然需要謹慎使用一些新特性。
上一篇360 訪問json下載
下一篇360json解析插件