一、border-radius 的設定順序是乙個順時針方向 1.左上角 右上角 右下角 左下角四個值
2.左上角、右上角和左下角 、右下角 三個值 3. 兩個值是 左上角和右下角 右上角和左下角
4.乙個值時，四個值相同
二、border-image:路徑(url) 裁剪位置(border-image-slice) 重複性(border-image-repeat)
裁剪位置 是上右下左順序 乙個九宮格的切割方式
重複方式 平鋪(round)會改變的大小 重複(repeat)不會改變的大小 拉伸(streth)如字面意思
border-image-outset邊框影象區域超出邊框的量,如邊框被拉大一樣，只是內容大小不變
border-image-width改變邊框的大小
三、background-image可設定多個屬性,使用逗號分隔
語法格式為：路徑 位置 重複方式
background-size規定的尺寸 長度 百分比 cover(按比例縮放到最大尺寸填滿整個區域) contain(把影象擴充套件到最大尺寸，使其高度和寬度完全適應內容區域)
background-origin:1.padding-box以內邊距定位i 2.border-box以邊框定位 3.content-box以內容進行定位
四、box-shadow 盒子的陰影效果
h-shadow必需 水平陰影的位置，允許負值 v-shadow必需 垂直陰影的位置，允許負值
blur模糊距離，相對於原始圖形，可選 spread可選陰影尺寸 相對於陰影 color陰影顏色
inset(outset)內外部陰影 可選
五、線性漸變效果 background:linear-gradient(位置，起始顏色，結束顏色)
預設效果使從上到下 在位置前加to 就是相反方向
也可跟角度
徑向漸變效果 radial-gradient() 從中心區域開始顏色漸變
每一種顏色後可跟百分比 ，初始位置可定義初始的漸變形狀 預設是ellipse，表示橢圓形 circl表示圓形
circle,red 20%,green 10%
六、word-wrap自動換行
normal預設 break-word允許自動換行
七、text-overflow:ellipsis overflow:hidden white-space:nowrap配合使用達到多餘部分省略號顯示
八、2d轉換方法
移動：translate(x,y)以x軸和y軸進行移動
旋**rotate()預設deg
縮放：scale(x,y)x是寬度縮放 y是對高度進行縮放
傾斜：skew(x,y)以x軸和y軸進行傾斜
矩陣：matrix()
css3中filter的各種特效
css3中的filter屬性可以說是簡單易用且強大，這些效果作用在上實現一些特效 也可以作用在vidio上，此處只討論特效 瀏覽器相容性 目前各大瀏覽器對於css3的相容已經非常好了，最新版本都可以支援css3，老版本的ie9以下的還是不支援，不過這不是重點，微軟都準備放棄這些老古董了。另外ie的濾...
CSS3中各種定位屬性
定位 position static 預設值,設定座標無效 absolute 絕對定位 特徵 1 脫離文件流,不佔位置 2 預設參考html的00點 瀏覽器零點 3 如果有父級,且父級有定位,那就參考父級元素 預設定位除外 相當於給子元素指定了參考物 座標位置 水平 left right 垂直top...
css3各種屬性的總結
1 css3屬性具有相容性，不相容ie9以下瀏覽器，ie9部分相容。2 各大瀏覽器的核心相容寫法？核心是瀏覽器的核心，作用是渲染頁面 ie ms 火狐 moz 歐朋 o 谷歌 webkit 3 css3屬性和標籤更主要是用在移動端 4 文字陰影text shadow x y blur color,引...