CSS3 用戶界面_第1頁
已閱讀5頁，還剩5頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、css3 用戶界面在 css3 中, 增強了一些新的用戶界面特性來調節元素尺寸，框尺寸和外邊框。您將了解以下的用戶界面屬性： resize box-sizing outline-offset 掃瞄器支持表格中的數字表示支持該屬性的第一個掃瞄器版本號。緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支持該前綴屬性的第一個掃瞄器版本號。 屬性 resize 4.0 不兼容 5.04.0 -moz- 4.0 15.0 box-sizing 10.04.0 -webkit- 8.0 29.02.0 -moz- 5.13.1 -webkit- 9.5 outline-offset 4.0

2、 不兼容 5.04.0 -moz- 4.0 9.5 css3 調節尺寸(resizing)css3中，resize屬性指定一個元素是否應當由用戶去調節大小。這個 div 元素由用戶調節大小。 (在 firefox 4+, chrome, 和 safari中)css代碼如下：實例由用戶指定一個div元素尺寸大小：divresize:both; overflow:auto;css3 方框大小調節(box sizing)box-sizing 屬性允許您以確切的方式定義適應某個區域的詳細內容。實例規定兩個并排的帶邊框方框：divbox-sizing:border-box; -moz-box-sizin

3、g:border-box; /* firefox */width:50%; float:left;嘗試一下 »css3 形狀修飾（outline-offset ）outline-offset 屬性對輪廓舉行偏移，并在超出邊框邊緣的位置繪制輪廓。輪廓與邊框有兩點不同： 輪廓不占用空間 輪廓可能是非矩形 這個 div 在邊框之外 15 像素處有一個輪廓。css 代碼如下:實例規定邊框邊緣之外 15 像素處的輪廓：divborder:2pxsolidblack; outline:2pxsolidred; outline-offset:15px;新的用戶界面特性 屬性 解釋 css appearance 允許您使一個元素的外觀像一個標準的用戶界面元素 3 box-sizing 允許你以適應區域而用某種方式定義某些元素 3 icon 為創作者提供了將元素設置為圖標等價物的能力。 3 nav-down 指定在何處用法箭頭向下導航鍵時舉行導航 3 nav-index 指定一個元素的tab的挨次 3 nav-left 指定在何處用法左側的箭頭導航鍵舉行導航 3 nav-right 指定在何處用法右側的箭頭導航鍵舉行導航 3 nav-up 指定在何處用法箭頭向上導航鍵時舉行導航 3 outline-o

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論