成都做網(wǎng)站公司對css3技術簡單的分析一下。

css3的更新主要包括選擇器、樣式、布局、動畫以及瀏覽器等方面的變化,今天成都做網(wǎng)站公司就對css3技術簡單的分析一下：

1、css3--選擇器
兄弟選擇器--div~img
屬性選擇器--a[href$=`.pdf`], a[href^=`mailto`], a[class=‘item’]
偽類選擇器--:nth-child［n］, :nth-last-child［n］, :last-child, :checked, :empty, :only-child, :nth-oftype［odd］, :nth-of-type［even］

2、css3--樣式
文本換行--word-wrap: normal|break-word
調整元素尺寸--resize: both|horizontal|vertical
圓角--border-radius: 3px – -moz-border-radius-topleft – -webkit-border-top-left-radius
陰影--box-shadow: 5px 5px 5px rgba［0, 0, 0, 0.5］ – text-shadow: 2px 2px #444, 3px 3px #555
漸變--background: -moz-linear-gradient［20％, center, 30％, center, from［blue］, to［yellow］］ no-repeat;
透明--opacity: 0.5; ? rgba – color: rgba［0, 255, 0, 0.5］; ? hsl/a – color: hsl［240, 50％, 50％］; hsla［240, 50％, 50％, 0.5］
邊框背景--border-image: url［border.png］ 27 27 27 27 round round;
背景--background-size: 100px 50px; – background-origin: content-box|border-box|paddingbox; – background-clip: border-box|padding-box
自定義字體--@font-face{ font-family: adam, src:url［adam.ttf］; } p{font-family:adam, serif;}

3、css3--布局
盒模型--box-sizing: content-box|border-box;
網(wǎng)格模型--column-: 3; column-width: 13em; column-gap: 1em; column-rule: 1px solid black;
css table display--#content{display: table;} #main{display: table-cell; width:620px; padding-right: 22px;} #side{display: table-cell; width: 300px;}
outline--outline-offset

4、css3--動畫
變換--transform: rotate［30deg］; – transform: scale［0.5, 2.0］; – transform: skew［-30deg］; – transform: translate［30px, 0］;
過渡--transition: all 1s ease-out ;
動畫--animation: greenpulse infinite ease-in-out 3s;
媒體查詢--.entry{color: red;} @media all adn {min-width: 100em}{ .entry{color: black;} }
語音支持--voice-volume, voice-balance, voice-family

5、ss3的應用原則以及瀏覽器前綴
firefox: -moz-box-shadow
safari: -webkit-box-shadow
opera: -o-box-shadow
ie: -ms-box-shadow
優(yōu)雅降級--對于不支持css3的瀏覽器可用 javascript來實現(xiàn)。

本文標題：成都做網(wǎng)站分析css3新功能
鏈接地址：http://www.aaarwkj.com/news8/322358.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供服務器托管、外貿網(wǎng)站建設、做網(wǎng)站、手機網(wǎng)站建設、移動網(wǎng)站建設、網(wǎng)頁設計公司

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)