第一篇：css屬性樣式大全[范文模版]

HIDEFOCUS hideFocus 設(shè)置或獲取表明對(duì)象是否顯式標(biāo)明焦點(diǎn)的值。HSPACE hspace 設(shè)置或獲取對(duì)象的水平邊距。ID id 獲取標(biāo)識(shí)對(duì)象的字符串。

innerText 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的文本。isContentEditable 獲取表明用戶是否可編輯對(duì)象內(nèi)容的值。isDisabled 獲取表明用戶是否可與該對(duì)象交互的值。isMultiLine 獲取表明對(duì)象的內(nèi)容是包含一行還是多行的值。isTextEdit 獲取是否可使用該對(duì)象創(chuàng)建一個(gè) TextRange 對(duì)象。LANG lang 設(shè)置或獲取要使用的語(yǔ)言。

LANGUAGE language 設(shè)置或獲取當(dāng)前腳本編寫用的語(yǔ)言。lastChild 獲取該對(duì)象 childNodes 集合中最后一個(gè)子對(duì)象的引用。longDesc 設(shè)置或獲取對(duì)象長(zhǎng)描述的統(tǒng)一資源標(biāo)識(shí)符(URI)。

MARGINHEIGHT marginHeight 設(shè)置或獲取顯示框架中文本之前的上下邊距高度。MARGINWIDTH marginWidth 設(shè)置或獲取顯示框架中文本之前的左右邊距寬度。NAME name 設(shè)置或獲取框架的名稱。

nextSibling 獲取對(duì)此對(duì)象的下一個(gè)兄弟對(duì)象的引用。nodeName 獲取特定結(jié)點(diǎn)類型的名稱。nodeType 獲取所需結(jié)點(diǎn)的類型。nodue 設(shè)置或獲取結(jié)點(diǎn)的值。

offsetHeight 獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度。offsetLeft 獲取對(duì)象相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置。offsetParent 獲取定義對(duì)象 offsetTop 和 offsetLeft 屬性的容器對(duì)象的引用。offsetTop 獲取對(duì)象相對(duì)于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置。offsetWidth 獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的寬度。onOffBehavior 獲取表明指定的 Microsoft? DirectAnimation? 行為是否正在運(yùn)行的對(duì)象。

outerHTML 設(shè)置或獲取對(duì)象及其內(nèi)容的 HTML 形式。outerText 設(shè)置或獲取對(duì)象的文本。

ownerDocument 設(shè)置或獲取結(jié)點(diǎn)關(guān)聯(lián)的 document 對(duì)象。parentElement 獲取對(duì)象層次中的父對(duì)象。parentNode 獲取文檔層次中的父對(duì)象。

parentTextEdit 獲取文檔層次中可用于創(chuàng)建包含原始對(duì)象的 TextRange 的容器對(duì)象。previousSibling 獲取對(duì)此對(duì)象的上一個(gè)兄弟對(duì)象的引用。readyState 獲取對(duì)象的當(dāng)前狀態(tài)。readyState 獲取表明對(duì)象當(dāng)前狀態(tài)的值。

recordNumber 獲取數(shù)據(jù)集中生成對(duì)象的原始記錄。scopeName 獲取為該元素定義的命名空間。

SCROLLING scrolling 設(shè)置或獲取框架是否可被滾動(dòng)。

SECURITY SECURITY 獲取表明 frame 或 iframe 的源文件是否應(yīng)用了特定的安全限制的值。

sourceIndex 獲取對(duì)象在源序中的依次位置，即對(duì)象出現(xiàn)在 document 的 all 集合中的順序。SRC src 設(shè)置或獲取要由對(duì)象裝入的 URL。STYLE 為該設(shè)置元素設(shè)置內(nèi)嵌樣式。

SYNCMASTER syncMaster 設(shè)置或獲取時(shí)間容器是否必須在此元素上同步回放。SYSTEMBITRATE 獲取系統(tǒng)中大約可用帶寬的 bps。

SYSTEMCAPTION 表明是否要顯示文本來代替演示的的音頻部分。

SYSTEMLANGUAGE 表明是否在用戶計(jì)算機(jī)上的選項(xiàng)設(shè)置中選中了給定語(yǔ)言。

SYSTEMOVERDUBORSUBTITLE 指定針對(duì)那些正在觀看演示但對(duì)被播放的音頻所使用的語(yǔ)言并不熟悉的用戶來說是否要渲染配音或字幕。

TABINDEX tabIndex 設(shè)置或獲取定義對(duì)象的 Tab 順序的索引。tagName 獲取對(duì)象的標(biāo)簽名稱。

tagUrn 設(shè)置或獲取在命名空間聲明中指定的統(tǒng)一資源名稱(URN)。TIMECONTAINER timeContainer 設(shè)置或獲取與元素關(guān)聯(lián)的時(shí)間線類型。TITLE title 設(shè)置或獲取對(duì)象的咨詢信息(工具提示)。uniqueID 獲取為對(duì)象自動(dòng)生成的唯一標(biāo)識(shí)符。UNSELECTABLE 指定該元素不可被選中。VSPACE vspace 設(shè)置或獲取對(duì)象的垂直邊距。WIDTH width 設(shè)置或獲取對(duì)象的寬度。

標(biāo)簽屬性/屬性

行為

行為 描述

clientCaps 提供關(guān)于 Internet Explorer 支持的特性的信息，以及提供即用即裝的方法。download 下載文件并在下載完成后通知一個(gè)指定的回調(diào)函數(shù)。homePage 包含關(guān)于用戶主頁(yè)的信息。time 為 HTML 元素提供一個(gè)活動(dòng)的時(shí)間線。

time2 為 HTML 元素或一組元素提供一個(gè)活動(dòng)的時(shí)間線。

集合

集合 描述

all 返回對(duì)象所包含的元素集合的引用。attributes 獲取對(duì)象標(biāo)簽屬性的集合。

behaviorUrns 返回標(biāo)識(shí)附加到該元素行為的統(tǒng)一資源名稱(URN)字符串的集合。childNodes 獲取作為指定對(duì)象直接后代的 HTML 元素和 TextNode 對(duì)象的集合。children 獲取作為對(duì)象直接后代的 DHTML 對(duì)象的集合。

事件

事件 描述

onactivate 當(dāng)對(duì)象設(shè)置為活動(dòng)元素時(shí)觸發(fā)。

onafterupdate 當(dāng)成功更新數(shù)據(jù)源對(duì)象中的關(guān)聯(lián)對(duì)象后在數(shù)據(jù)綁定對(duì)象上觸發(fā)。onbeforedeactivate 在 activeElement 從當(dāng)前對(duì)象變?yōu)楦肝臋n其它對(duì)象之前立即觸發(fā)。onbeforeupdate 當(dāng)成功更新數(shù)據(jù)源對(duì)象中的關(guān)聯(lián)對(duì)象前在數(shù)據(jù)綁定對(duì)象上觸發(fā)。onblur 在對(duì)象失去輸入焦點(diǎn)時(shí)觸發(fā)。oncontrolselect 當(dāng)用戶將要對(duì)該對(duì)象制作一個(gè)控件選中區(qū)時(shí)觸發(fā)。ondeactivate 當(dāng) activeElement 從當(dāng)前對(duì)象變?yōu)楦肝臋n其它對(duì)象時(shí)觸發(fā)。onerrorupdate 更新數(shù)據(jù)源對(duì)象中的關(guān)聯(lián)數(shù)據(jù)出錯(cuò)時(shí)在數(shù)據(jù)綁定對(duì)象上觸發(fā)。onfocus 當(dāng)對(duì)象獲得焦點(diǎn)時(shí)觸發(fā)。

onload 在瀏覽器完成對(duì)象的裝載后立即觸發(fā)。onmove 當(dāng)對(duì)象移動(dòng)時(shí)觸發(fā)。onmoveend 當(dāng)對(duì)象停止移動(dòng)時(shí)觸發(fā)。onmovestart 當(dāng)對(duì)象開始移動(dòng)時(shí)觸發(fā)。onreadystatechange 當(dāng)對(duì)象狀態(tài)變更時(shí)觸發(fā)。

onresizeend 當(dāng)用戶更改完控件選中區(qū)中對(duì)象的尺寸時(shí)觸發(fā)。onresizestart 當(dāng)用戶開始更改控件選中區(qū)中對(duì)象的尺寸時(shí)觸發(fā)。

ontimeerror 當(dāng)特定時(shí)間錯(cuò)誤發(fā)生時(shí)無條件觸發(fā)，通常由將屬性設(shè)置為無效值導(dǎo)致。

濾鏡

濾鏡屬性 描述

Alpha 調(diào)整對(duì)象內(nèi)容的不透明度。

AlphaImageLoader 在對(duì)象的邊界和對(duì)象背景到內(nèi)容之間顯示圖像，可選剪裁或縮放圖像大小。當(dāng)裝入便攜網(wǎng)絡(luò)圖像(PNG)時(shí)，從 0 到 100% 的 透明度都是支持的。Barn 以開門或關(guān)門的運(yùn)動(dòng)方式顯示對(duì)象的新內(nèi)容。

BasicImage 調(diào)整對(duì)象內(nèi)容的顏色處理、圖像旋轉(zhuǎn)或不透明度。BlendTrans 以漸隱原始內(nèi)容的形式顯示對(duì)象的新內(nèi)容。Blinds 以打開或關(guān)閉盲點(diǎn)的運(yùn)動(dòng)方式顯示對(duì)象的新內(nèi)容。Blur 模糊對(duì)象的內(nèi)容以便使其看起來失去焦點(diǎn)。

CheckerBoard 以揭開覆蓋在原始內(nèi)容上的棋盤的形式顯示對(duì)象的新內(nèi)容。Chroma 將對(duì)象內(nèi)容的指定顏色顯示為透明。

Compositor 以新舊內(nèi)容邏輯顏色組合的形式顯示對(duì)象的新內(nèi)容。每個(gè)版本的顏色和 alpha 值都會(huì)被計(jì)算用來決定輸出圖像的最終顏色。

DropShadow 創(chuàng)建對(duì)象內(nèi)容的實(shí)體陰影，偏移量位于指定方向。這將使得內(nèi)容看起來是浮動(dòng)的因此會(huì)產(chǎn)生陰影。Emboss 使用灰度值對(duì)對(duì)象以浮雕紋理顯示。Engrave 使用灰度值對(duì)對(duì)象以雕刻紋理顯示。Fade 以漸隱原始內(nèi)容的形式顯示對(duì)象的新內(nèi)容。FlipH 以沿水平方向翻轉(zhuǎn)的形式顯示對(duì)象內(nèi)容。FlipV 以沿垂直方向翻轉(zhuǎn)的形式顯示對(duì)象內(nèi)容。

Glow 在對(duì)象邊緣外側(cè)添加光暈以便使其看起來像發(fā)光的樣子。Gradient 在對(duì)象的背景和內(nèi)容之間顯示一個(gè)漸變色彩的表面。GradientWipe 以在原有內(nèi)容上覆蓋漸變帶的形式顯示對(duì)象的新內(nèi)容。Gray 以灰度顯示對(duì)象內(nèi)容。

ICMFilter 根據(jù)圖像顏色管理(ICM)配置文件轉(zhuǎn)換對(duì)象的彩色內(nèi)容。這將允許指定內(nèi)容的顯示效果得以改善，或者在打印機(jī)或監(jiān)視器等硬件設(shè)備上模擬顯示。Inset 以對(duì)角線方向顯示對(duì)象的新內(nèi)容。Invert 反轉(zhuǎn)對(duì)象內(nèi)容的色調(diào)、飽和度和亮度。

Iris 以彩虹效果顯示對(duì)象的新內(nèi)容，這與照相機(jī)光圈打開相似。Light 在對(duì)象的內(nèi)容上創(chuàng)建燈光效果。

MaskFilter 將對(duì)象內(nèi)容的透明像素顯示為彩色遮罩，將非透明像素顯示為透明。Matrix 使用矩陣變換縮放、旋轉(zhuǎn)或顯現(xiàn)對(duì)象的內(nèi)容。MotionBlur 以運(yùn)動(dòng)模糊的效果顯示對(duì)象內(nèi)容。

Pixelate 將對(duì)象的內(nèi)容顯示為彩色方塊，其顏色取決于該方塊所替代區(qū)域的平均顏色值。此濾鏡顯示可用于切換。

RadialWipe 以輻射狀擦除的形式顯現(xiàn)對(duì)象的新內(nèi)容。RandomBars 以隨機(jī)像素線爆炸的形式顯現(xiàn)對(duì)象的新內(nèi)容。RandomDissolve 以隨機(jī)像素爆炸的形式顯現(xiàn)對(duì)象的新內(nèi)容。Redirect 目前還不支持。

RevealTrans 使用 24 種預(yù)先定義的切換效果顯現(xiàn)對(duì)象的新內(nèi)容。

Shadow 創(chuàng)建對(duì)象內(nèi)容的實(shí)體陰影，偏移量位于指定方向。這將創(chuàng)建陰影效果。Slide 以圖像滑行的形式顯現(xiàn)對(duì)象的新內(nèi)容。Spiral 以螺旋運(yùn)動(dòng)的形式顯現(xiàn)對(duì)象的新內(nèi)容。

Stretch 以拉伸覆蓋原始內(nèi)容的形式顯現(xiàn)對(duì)象的新內(nèi)容。有一個(gè)選項(xiàng)類似立方體從一個(gè)表面轉(zhuǎn)到另外一個(gè)表面。Strips 以條形覆蓋的形式顯現(xiàn)對(duì)象的原始內(nèi)容，好像有一把鋸將原始內(nèi)容鋸開。Wave 在對(duì)象的內(nèi)容上執(zhí)行垂直方向的正弦波扭曲。

Wheel 以旋轉(zhuǎn)運(yùn)動(dòng)的形式顯現(xiàn)對(duì)象的新內(nèi)容，好像輪子滾過原始內(nèi)容。Xray 更改對(duì)象內(nèi)容的顏色深度將其以黑白顯示。

Zigzag 在對(duì)象上將對(duì)象的新內(nèi)容進(jìn)行來回移動(dòng)以便覆蓋原始內(nèi)容。

方法

方法 描述

addBehavior 給元素附加一個(gè)行為。appendChild 給對(duì)象追加一個(gè)子元素。

applyElement 使得元素成為其它元素的子元素或父元素。

attachEvent 將指定函數(shù)綁定到事件，以便每當(dāng)該事件在對(duì)象上觸發(fā)時(shí)都調(diào)用該函數(shù)。blur 使元素失去焦點(diǎn)并觸發(fā) onblur 事件。clearAttributes 從對(duì)象中刪除全部標(biāo)簽屬性和值。cloneNode 從文檔層次中復(fù)制對(duì)對(duì)象的引用。

componentFromPoint 通過特定事件返回對(duì)象在指定坐標(biāo)下的位置。contains 檢查對(duì)象中是否包含給定元素。

detachEvent 從事件中取消指定函數(shù)的綁定，這樣當(dāng)事件觸發(fā)時(shí)函數(shù)就不會(huì)收到通知了。dragDrop 初始化拖曳事件。fireEvent 觸發(fā)對(duì)象的指定事件。

focus 使得元素得到焦點(diǎn)并執(zhí)行由 onfocus 事件指定的代碼。getAdjacentText 返回鄰接文本字符串。getAttribute 獲取指定標(biāo)簽屬性的值。

getAttributeNode 獲取由 attribute.name 屬性引用的 attribute 對(duì)象。getElementsByTagName 獲取基于指定元素名稱的對(duì)象集合。getexpression_r 獲取給定屬性的表達(dá)式。hasChildNodes 返回表明對(duì)象是否有子對(duì)象的值。insertAdjacentElement 在指定位置插入元素。

insertAdjacentHTML 在指定位置的元素中插入給定的 HTML 文本。insertAdjacentText 在指定位置插入給定的文本。

insertBefore 在文檔層次中插入元素作為父對(duì)象的子結(jié)點(diǎn)。mergeAttributes 復(fù)制所有讀/寫標(biāo)簽屬性到指定元素。

normalize 合并鄰接 TextNode 對(duì)象以便生成一個(gè)常規(guī)的文檔對(duì)象模型。removeAttribute 刪除對(duì)象的給定標(biāo)簽屬性。

removeAttributeNode 從對(duì)象中刪除刪除 attribute 對(duì)象。removeBehavior 分離元素的行為。removeChild 從元素上刪除子結(jié)點(diǎn)。

removeexpression_r 從指定屬性中刪除表達(dá)式。removeNode 從文檔層次中刪除對(duì)象。replaceAdjacentText 替換元素的鄰接文本。replaceChild 用新的子元素替換已有的子元素。replaceNode 用其它元素替換對(duì)象。

scrollIntoView 將對(duì)象滾動(dòng)到可見范圍內(nèi)，將其排列到窗口頂部或底部。setActive 設(shè)置對(duì)象為當(dāng)前對(duì)象而不將對(duì)象置為焦點(diǎn)。setAttribute 設(shè)置指定標(biāo)簽屬性的值。

setAttributeNode 設(shè)置 attribute 對(duì)象為對(duì)象的一部分。setexpression_r 設(shè)置指定對(duì)象的表達(dá)式。swapNode 交換文檔層次中兩個(gè)對(duì)象的位置。

對(duì)象

對(duì)象 描述

runtimeStyle 代表了居于全局樣式表、內(nèi)嵌樣式和 HTML 標(biāo)簽屬性指定的格式和樣式之上的對(duì)象的格式和樣式。

style 代表了給定元素所有可能的內(nèi)嵌樣式的當(dāng)前設(shè)置。

樣式

樣式標(biāo)簽屬性 樣式屬性 描述 ACCELERATOR accelerator 設(shè)置或獲取表明對(duì)象是否包含快捷鍵的字符串。

background-attachment backgroundAttachment 設(shè)置或獲取背景圖像如何附加到文檔內(nèi)的對(duì)象中。

background-color backgroundColor 設(shè)置或獲取對(duì)象內(nèi)容后的顏色。

background-position-x backgroundPositionX 設(shè)置或獲取 backgroundPosition 屬性的 x 坐標(biāo)。

background-position-y backgroundPositionY 設(shè)置或獲取 backgroundPosition 屬性的 y 坐標(biāo)。

behavior behavior 設(shè)置或獲取 DHTML 行為的位置。border-bottom borderBottom 設(shè)置或獲取對(duì)象下邊框的屬性。

border-bottom-color borderBottomColor 設(shè)置或獲取對(duì)象下邊框的顏色。border-bottom-style borderBottomStyle 設(shè)置或獲取對(duì)象下邊框的樣式。border-bottom-width borderBottomWidth 設(shè)置或獲取對(duì)象下邊框的寬度。border-color borderColor 設(shè)置或獲取對(duì)象的邊框顏色。border-left borderLeft 設(shè)置或獲取對(duì)象左邊框的屬性。

border-left-color borderLeftColor 設(shè)置或獲取對(duì)象左邊框的顏色。border-left-style borderLeftStyle 設(shè)置或獲取對(duì)象左邊框的樣式。border-left-width borderLeftWidth 設(shè)置或獲取對(duì)象左邊框的寬度。border-right borderRight 設(shè)置或獲取對(duì)象右邊框的屬性。

border-right-color borderRightColor 設(shè)置或獲取對(duì)象右邊框的顏色。border-right-style borderRightStyle 設(shè)置或獲取對(duì)象右邊框的樣式。border-right-width borderRightWidth 設(shè)置或獲取對(duì)象右邊框的寬度。border-style borderStyle 設(shè)置或獲取對(duì)象上下左右邊框的樣式。border-top borderTop 設(shè)置或獲取對(duì)象上邊框的屬性。

border-top-color borderTopColor 設(shè)置或獲取對(duì)象上邊框的顏色。border-top-style borderTopStyle 設(shè)置或獲取對(duì)象上邊框的樣式。border-top-width borderTopWidth 設(shè)置或獲取對(duì)象上邊框的寬度。border-width borderWidth 設(shè)置或獲取對(duì)象上下左右邊框的寬度。

bottom bottom 設(shè)置或獲取對(duì)象相對(duì)于文檔層次中下個(gè)定位對(duì)象的底部的位置。

clear clear 設(shè)置或獲取對(duì)象是否允許在其左側(cè)、右側(cè)或兩邊放置浮動(dòng)對(duì)象，以防下段文本顯示在浮動(dòng)對(duì)象上。

clip clip 設(shè)置或獲取定位對(duì)象的哪個(gè)部分可見。

cursor cursor 設(shè)置或獲取當(dāng)鼠標(biāo)指針指向?qū)ο髸r(shí)所使用的鼠標(biāo)指針。display display 設(shè)置或獲取對(duì)象是否要渲染。

filter filter 設(shè)置或獲取應(yīng)用于對(duì)象的濾鏡或?yàn)V鏡集合。height height 設(shè)置或獲取對(duì)象的高度。

layout-grid layoutGrid 設(shè)置或獲取指定文本字符版面的組合文檔格線屬性。layout-grid-mode layoutGridMode 設(shè)置或獲取文本布局網(wǎng)格是否使用二維。left left 設(shè)置或獲取對(duì)象相對(duì)于文檔層次中下個(gè)定位對(duì)象的左邊界的位置。margin margin 設(shè)置或獲取對(duì)象的上下左右邊距。

margin-bottom marginBottom 設(shè)置或獲取對(duì)象的下邊距寬度。margin-left marginLeft 設(shè)置或獲取對(duì)象的左邊距寬度。margin-right marginRight 設(shè)置或獲取對(duì)象的右邊距寬度。margin-top marginTop 設(shè)置或獲取對(duì)象的上邊距寬度。

overflow-x overflowX 設(shè)置或獲取當(dāng)內(nèi)容超出對(duì)象寬度時(shí)如何管理對(duì)象內(nèi)容。overflow-y overflowY 設(shè)置或獲取當(dāng)內(nèi)容超出對(duì)象高度時(shí)如何管理對(duì)象內(nèi)容。pixelBottom 設(shè)置或獲取對(duì)象的下方位置。pixelHeight 設(shè)置或獲取對(duì)象的高度。pixelLeft 設(shè)置或獲取對(duì)象的左側(cè)位置。pixelRight 設(shè)置或獲取對(duì)象的右側(cè)位置。pixelTop 設(shè)置或獲取對(duì)象的上方位置。

pixelWidth 設(shè)置或獲取對(duì)象的寬度。posBottom 設(shè)置或獲取以 bottom 標(biāo)簽屬性指定的單位的對(duì)象下方位置。

posHeight 設(shè)置或獲取以 height 標(biāo)簽屬性指定的單位的對(duì)象高度。position position 設(shè)置或獲取對(duì)象所使用的定位方式。

posLeft 設(shè)置或獲取以 left 標(biāo)簽屬性指定的單位的對(duì)象左側(cè)位置。posRight 設(shè)置或獲取以 right 標(biāo)簽屬性指定的單位的對(duì)象右側(cè)位置。posTop 設(shè)置或獲取以 top 標(biāo)簽屬性指定的單位的對(duì)象上方位置。posWidth 設(shè)置或獲取以 width 標(biāo)簽屬性指定的單位的對(duì)象寬度。

right right 設(shè)置或獲取對(duì)象相對(duì)于文檔層次中下個(gè)已定位的對(duì)象的右邊界的位置。float styleFloat 設(shè)置或獲取文本要繞排到對(duì)象的哪一側(cè)。

text-autospace textAutospace 設(shè)置或獲取自動(dòng)留空和文本的窄空間寬度調(diào)整。top top 設(shè)置或獲取對(duì)象相對(duì)于文檔層次中下個(gè)定位對(duì)象的上邊界的位置。visibility visibility 設(shè)置或獲取對(duì)象的內(nèi)容是否顯示。z-index zIndex 設(shè)置或獲取定位對(duì)象的堆疊次序。zoom zoom 設(shè)置或獲取對(duì)象的放大比例。

注釋

IFRAME 元素也就是文檔中的文檔，或者好像浮動(dòng)的框架(FRAME)。frames 集合提供了對(duì) IFRAME 內(nèi)容的訪問。請(qǐng)使用 frames 集合讀寫 IFRAME 內(nèi)包含的元素。例如，如果要訪問 iframe 內(nèi) body 對(duì)象的 backgroundColor 樣式，語(yǔ)法應(yīng)為:

sColor = document.frames(“sFrameName”).document.body.style.backgroundColor;

通過 iframe 對(duì)象所在頁(yè)面的對(duì)象模型，你可以訪問 iframe 對(duì)象的屬性，但不能訪問其內(nèi)容。例如，訪問 iframe 對(duì)象的 border 樣式的語(yǔ)法應(yīng)為:

sBorderValue = document.all.oFrame.style.border;

注意 iframe 的屬性必須使用前綴 document.all 訪問，例如 document.all.iframeId.marginWidth。Internet Explorer 5.5 支持浮動(dòng)框架的內(nèi)容透明。如果想要為浮動(dòng)框架定義透明內(nèi)容，則必須滿足下列條件。

與 IFRAME 元素一起使用的 ALLOWTRANSPARENCY 標(biāo)簽屬性必須設(shè)置為 true。

在 IFRAME 內(nèi)容源文檔，background-color 或 BODY 元素的 BGCOLOR 標(biāo)簽屬性必須設(shè)置為 transparent。

參看使用透明的浮動(dòng)框架可以獲得關(guān)于透明浮動(dòng)框架更多的信息。

此元素在 Microsoft? Internet Explorer 4.0 的 HTML 和腳本中可用。

此元素是一個(gè)塊元素。

此元素需要關(guān)閉標(biāo)簽。

示例

下面的例子使用了 IFRAME 元素創(chuàng)建了包含頁(yè)面 sample.htm 的框架。

下面的例子返回了對(duì) IFRAME 包含的文檔的 all 集合的引用。

var collAll = document.frames(“IFrame1”).document.all

第二篇：常用的CSS屬性的英文單詞總結(jié)及用法

常用的CSS屬性的英文單詞總結(jié)及用法、解釋

在div css制作中常用的CSS屬性的英文單詞介紹、解釋與css樣式用法總結(jié)。這些單詞無需一定要記住會(huì)拼寫，但是要求看見他們就能認(rèn)識(shí)他們并知道他們的屬性及用法，這里有個(gè)記住他們屬性的技巧就是多制作和手寫div+css推薦用Dreamweaver（DW）因?yàn)榇斯ぞ咴趯慍SS和html的代碼時(shí)候會(huì)自動(dòng)彈出用到的CSS代碼，多用多看就能記住他們的用法及屬性。（如果您的記憶力好能記住也好不影響）

下面我們來分別認(rèn)識(shí)下這些常用的CSS單詞及屬性（更多請(qǐng)進(jìn)CSS在線手冊(cè)）：

1、(盒子)布局排版類

float寬：確定盒子本身的寬度，可以使盒子的寬度不依靠它所包含的內(nèi)容多少。height清除 ：用于清除設(shè)置的浮動(dòng)效果，常用參數(shù)both、left、right；

margin字體大?。鹤⒁舛攘繂挝弧?/p>

font-weight行高：行距。注意，行距只能以是字體大小值為

font-variant大小寫：這項(xiàng)屬性能輕而易舉地控制字母大小寫，有首字大寫（capitalize、大寫（uppercase）、小寫（lowercase）和無（none，使所有繼承文字和變形參數(shù)被忽略，文字將以正常形式顯示）等4種。

text-decoration背景重復(fù)：控制背景圖像的平鋪方式，有不重復(fù)（no-repeat）、重復(fù)（repeat，沿水平、垂直方向平鋪）、橫向重復(fù)（repeat-X，圖像沿水平方向平鋪）和縱向重復(fù)（repeat-Y，沿圖像垂直方向平鋪）等4種選擇。

background-attachment水平位置/垂直位置：確定背景圖像的水平、垂直位置。共有左對(duì)齊（left）、右對(duì)齊（right）、頂部（top）、底部（bottom）、居中（center）和值（自定義背景圖像的起點(diǎn)位置，可使用戶對(duì)背景圖像的位置做出更精確的控制）等6種選擇。

5、區(qū)塊屬性

word-spacing垂直對(duì)齊：控制文字或圖像相對(duì)于其母體元素的垂直位置。如將一個(gè)2×3像素的GIF圖像同其母體元素文字的頂部垂直對(duì)齊，則該GIF圖像將在該行文字的頂部顯示。共有基線（baseline，將元素的基準(zhǔn)線同母體元素的基準(zhǔn)線對(duì)齊）、下標(biāo)（sub，將元素以下標(biāo)的形式顯示）,上標(biāo)（super，將元素以上標(biāo)的形式顯示）、頂部（top，將元素頂部同最高的母體元素對(duì)齊）、文本頂對(duì)齊（text-top，將元素的頂部同母體元素文字的頂部對(duì)齊）、中線對(duì)齊（middle，將元素的中點(diǎn)同母體元素的中點(diǎn)對(duì)齊）、底部（bottom，將元素的底部同最低的母體元素對(duì)齊）及值（自定義）等9種選擇。

text-align文字縮進(jìn)：控制塊的縮進(jìn)程度。

white-space-空白間距：在HTML中，空格是被省略的；在CSS中則使用屬性（white-space）控制

空格的輸入。共有正常（normal）、保留（pre）和不換行（nowrap）等3種選擇。

6、CSS絕對(duì)定位屬性

positionZ軸：用于控制網(wǎng)頁(yè)中塊元素的疊放順序，可為元素設(shè)置重疊效果。該屬性的參數(shù)值使用純整數(shù)，值為0時(shí)，元素在最下層，適用于絕對(duì)定位或相對(duì)定位的元素。

visibility溢出：在確定了元素的高度和寬度后，如果元素的面積不能全部顯示元素中的內(nèi)容時(shí)，該屬性做一日和尚撞一天鐘起作用了。其中共有可見（visible，擴(kuò)大面積以顯示所有內(nèi)容）、隱藏（hidden，隱藏超出范圍的內(nèi)容）、滾動(dòng)（scroll，在元素的右邊顯示一個(gè)滾動(dòng)條）和自動(dòng)（auto，當(dāng)內(nèi)容超出元素面積時(shí)，顯示滾動(dòng)條）等4種選擇。

“定位”，當(dāng)為元素確定了絕對(duì)定位類型后，該組屬性決定元素在網(wǎng)頁(yè)中的具體位置。該組屬性包含4個(gè)子屬性，分別是“左”（屬性名為“l(fā)eft”，控制元素左邊的起始位置）、“上”（屬性名為“top”，控制元素上面的起始位置）、“寬”或“高”（與“盒子”類屬性面板中“寬”或“高”的屬性作用相同）。

clip列表前的項(xiàng)目圖像：作用是將列表前面的符號(hào)換為圖形。

list-style-position-位置 ：用于描述列表位置，有內(nèi)（outside）和外（inside）兩種選擇。

以上是常用的CSS英文單詞的CSS屬性總結(jié)，無需一定要記住會(huì)拼寫，但是一定要能做到一看見就知道他們的屬性，及在寫CSS時(shí)候能知道用哪個(gè)英文單詞。更多請(qǐng)進(jìn)CSS手冊(cè)-帶例子查看了解。

第三篇：CSS頁(yè)面布局及樣式設(shè)計(jì)實(shí)驗(yàn)報(bào)告

實(shí) 驗(yàn) 報(bào) 告

實(shí)驗(yàn)項(xiàng)目名稱： CSS頁(yè)面布局及樣式設(shè)計(jì)

（所屬課程： web系統(tǒng)與技術(shù)）

學(xué) 院：計(jì)算機(jī)學(xué)院 專業(yè)班級(jí)：11級(jí)計(jì)科信息 姓 名： 學(xué) 號(hào)： 實(shí)驗(yàn)日期： 實(shí)驗(yàn)地點(diǎn)：A06-404 合作者： 指導(dǎo)教師：李

本實(shí)驗(yàn)項(xiàng)目成績(jī)： 教師簽字： 日期：

一、實(shí)驗(yàn)?zāi)康?/p>

（1）掌握CSS中的定位屬性使用方法。（2）掌握DIV+CSS的頁(yè)面布局方式。（3）掌握CSS中的常用屬性的使用方法。（4）理解CSS的樣式構(gòu)造。

二、實(shí)驗(yàn)條件

安裝Web開發(fā)環(huán)境的微機(jī)。

三、實(shí)驗(yàn)內(nèi)容

（1）重新對(duì)聊天室的注冊(cè)頁(yè)面、登陸頁(yè)面和聊天頁(yè)面進(jìn)行頁(yè)面布局。（1）對(duì)聊天室的注冊(cè)頁(yè)面、登陸頁(yè)面和聊天頁(yè)面進(jìn)行樣式設(shè)計(jì)。

四、實(shí)驗(yàn)步驟

（1）注冊(cè)頁(yè)面使用CSS將注冊(cè)表單居中顯示，表單內(nèi)嵌入表格將文本與輸入域格式化顯示，表單內(nèi)使用label標(biāo)簽。

（2）登錄頁(yè)面中添加div層用于顯示在線用戶數(shù)。

（3）登錄頁(yè)面使用div將登錄表單，在線用戶數(shù)，logo圖片，超鏈接等頁(yè)面元素重新定位布局。

（4）聊天頁(yè)面改用div標(biāo)簽并使用CSS的position定位屬性進(jìn)行布局，框架內(nèi)的獨(dú)立頁(yè)面使用float屬性進(jìn)行布局。

（5）使用CSS設(shè)置三個(gè)頁(yè)面的背景顏色或背景圖片。（6）注冊(cè)頁(yè)面使用CSS設(shè)計(jì)所有輸入框和提交按鈕的樣式。

（7）登錄頁(yè)面使用CSS設(shè)置的超鏈接的字體和下劃線、登錄表單使用圓頂角、在線用戶數(shù)使用圖片數(shù)字，使用CSS設(shè)計(jì)登錄按鈕的顯示樣式。

第1頁(yè)

共8頁(yè) 實(shí) 驗(yàn) 報(bào) 告

（8）聊天頁(yè)面中使用CSS設(shè)計(jì)信息發(fā)送表單和發(fā)送按鈕的樣式，設(shè)計(jì)用戶信息列表和聊天信息段落的的顯示樣式。

五、實(shí)驗(yàn)結(jié)果

注冊(cè)界面效果圖及代碼：

//總體框架 //添加圖片代碼

第四篇：CSS小結(jié)

一、避免IE下未指定樣式內(nèi)容的閃爍。

如果您僅僅靠 @import 來輸入外部樣式表，早晚您會(huì)發(fā)現(xiàn)IE有“閃爍”的毛病。在應(yīng)用CSS樣式之前，未經(jīng)格式化的HTML文本會(huì)短暫地出現(xiàn)。這是可以避免的。

二、確保您期望的效果確實(shí)存在

許多特定的瀏覽器專有的CSS擴(kuò)展在正式標(biāo)準(zhǔn)中并不存在。如果您對(duì) filter（濾鏡）或滾動(dòng)條指定了樣式，那么您就用了私有代碼，除了IE之外，在別的瀏覽器中毫無作用。如果驗(yàn)證器告訴您代碼沒有定義，極有可能您用了私有樣式，這樣在不同的瀏覽器中很難達(dá)到一致的效果。

如果布局中一定要用浮動(dòng)對(duì)象，別忘了適時(shí)使用清除（clear）屬性。

浮動(dòng)對(duì)象似易實(shí)難，而且不總是令人如愿以償。如果您發(fā)現(xiàn)浮動(dòng)對(duì)象伸出了容器的邊界，或者不像您所期望的那樣顯示，請(qǐng)檢查您的期望是否正確。關(guān)于這個(gè)問題請(qǐng)看Eric Meyer的教程

邊距的合并：可用padding 或 border 來避免。

您可能被多余的（或者想要卻不出現(xiàn)的）空白搞得焦頭爛額。如果您用了 margins，邊距的合并可能就是問題的根源。Andy Budd 對(duì)此的解釋可能為你解惑。

避免將 padding/border 和固定寬度同時(shí)應(yīng)用到同一元素。

IE5 的區(qū)塊模型是錯(cuò)誤的，是它把事情辦壞了。對(duì)此也有權(quán)宜之計(jì)，不過最好是繞過這個(gè)問題，當(dāng)子元素的寬度固定時(shí)，為父元素指定padding。

三、有疑問，先驗(yàn)證

在調(diào)試時(shí)，先對(duì)您的代碼進(jìn)行驗(yàn)證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會(huì)導(dǎo)致許多布局上的錯(cuò)誤。

在其他瀏覽器中進(jìn)行測(cè)試之前，請(qǐng)先在最先進(jìn)的瀏覽器中撰寫和測(cè)試CSS代碼，而不是相反。

如果您在破舊的瀏覽器中編寫和測(cè)試，你的代碼就不得不依賴那個(gè)破舊瀏覽器的糟糕的顯示，然后在符合標(biāo)準(zhǔn)的瀏覽器中進(jìn)行測(cè)試，看到顯示結(jié)果“不正常” 時(shí)，你會(huì)很沮喪的。相反，您應(yīng)該先將您的代碼完善，然后再設(shè)法為較低級(jí)的瀏覽器打算。這樣從一開始您的代碼就是符合標(biāo)準(zhǔn)的，你不必再為支持其他瀏覽器而勞心費(fèi)神。當(dāng)然了，目前遵從標(biāo)準(zhǔn)的瀏覽器無疑就是 Mozilla，Safari 或 Opera。

四、加上明顯的邊框有利于布局調(diào)試。

像 div {border： solid 1px #f00;} 之類的全局規(guī)則可以暫時(shí)為你查出布局問題。為特定的元素加上邊框可幫您找到難以發(fā)覺的交錯(cuò)或空白問題。

對(duì)圖片路徑不要用單引號(hào)。

當(dāng)設(shè)置背景圖片時(shí)，要堅(jiān)持用雙引號(hào)。盡管看起來有些多余，但是如果不這么做，IE5/Mac會(huì)噎住。

不要為將來的樣式表（比如手持式設(shè)備或打印用樣式表）留個(gè)“空位”。

Mac IE5 對(duì)空的樣式表比較感冒，會(huì)增加頁(yè)面的裝入時(shí)間。建議樣式表中至少應(yīng)該有一條規(guī)則（哪怕是注釋也好），免得 MacIE噎住。

另外值得一提的還有一些雖然不針對(duì)某些功能，但是在開發(fā)過程中應(yīng)當(dāng)注意的理論

五、好好組織您的CSS文件

恰當(dāng)?shù)爻蓧K注釋CSS，將相似的CSS選擇符編為一組，養(yǎng)成一致的命名習(xí)慣和空白格式（為跨平臺(tái)考慮，建議用空白字符而不是tab。）以及適當(dāng)?shù)拇涡颉?/p>

以功能（而不是外觀）為類和ID命名

假如您創(chuàng)建了一個(gè).smallblue 類，后來打算將文字改大，顏色變?yōu)榧t色，這個(gè)類名就不再有任何意義了。相反，您可以用更有描述性的名字如.copyright 和.pullquote。

六、組合選擇符

保持CSS短小對(duì)減少下載時(shí)間非常重要。請(qǐng)盡量為選擇符分組、利用繼承（inheritance）以及使用簡(jiǎn)寫（shorthand）來減少冗余。

使用圖片替換技術(shù)時(shí)要考慮親和力

已經(jīng)發(fā)現(xiàn)傳統(tǒng)的FIR在屏幕閱讀器，以及關(guān)閉圖片顯示［的瀏覽器］中會(huì)出問題。對(duì)此有其他解決辦法，要根據(jù)具體情況，慎重使用。

七、別指望 min-width 在IE中有用。

IE不支持它，但是它將 width 當(dāng)作 min-width，所以通過一些 IE 的過濾技巧（filtering），可以實(shí)現(xiàn)同樣的最終效果。

把CSS過濾器（filters）當(dāng)作最后的手段

CSS 技巧和過濾器可以使您有選擇地應(yīng)用到（或者不應(yīng)用到）某些元素。應(yīng)當(dāng)盡可能地找到標(biāo)準(zhǔn)的跨瀏覽器的解決辦法來實(shí)現(xiàn)您想要的效果，而不是動(dòng)不動(dòng)就使用過濾器。要將它當(dāng)成走投無路時(shí)的救命手段。在這里可以找到大量的CSS 過濾技巧。［譯注：不要把這里的filters和IE中的濾鏡混淆。由于各個(gè)瀏覽器對(duì)CSS標(biāo)準(zhǔn)的支持程度不一，人們找到了許多技巧，將瀏覽器無法解釋或錯(cuò)誤解釋的樣式表或規(guī)則屏蔽掉。這就是所謂的CSS過濾器或技巧。mb5u.com

如果使用了錨點(diǎn)，在應(yīng)用超鏈接樣式時(shí)要特別小心。

如果您在代碼中使用了傳統(tǒng)的錨點(diǎn)（），您會(huì)注意到 ：hover 和 ：active偽類也會(huì)作用于它。要避免這種情形，你可以使用 id，或者使用鮮為人知的語(yǔ)法： ：link:hover，：link:active

八、記住“LoVe/HAte”（愛/恨）鏈接規(guī)則

要以下面的順序指定超鏈接偽類：Link，Visited，Hover，Acitve。任何其他順序都不妥當(dāng)。假如用了：focus，次序應(yīng)為 LVHFA（“Lord Vader?s Handle Formerly Anakin”，Matt Haughey這樣建議）。

請(qǐng)記住“TRouBLED”（麻煩的）邊框。

邊框（border）、邊距（margin）和補(bǔ)白（padding）的簡(jiǎn)寫次序?yàn)椋喉槙r(shí)針方向從上開始，即 Top，Right，Bottom，Left。比如 margin： 0 1px 3px 5px;表示上邊距為零，右邊距為1px，依此類推。

九、非零值要指明單位。

在用CSS指定字體、邊距或大小時(shí)，必須指明所用的單位。某些瀏覽器對(duì)未指明單位的處理方法不足為憑。零就是零，不管是 px還是em還是其他單位，它不需要單位。例如： padding： 0 2px 0 1em;

十、測(cè)試不同的字體大小。

像Mozilla和Opera這樣的高級(jí)瀏覽器允許對(duì)字體進(jìn)行縮放，不管你用的是什么單位。某些用戶的默認(rèn)字體大小肯定和您的不同，盡最大努力去滿足他們。

用嵌入式測(cè)試，發(fā)布時(shí)改為輸入。

將樣式表嵌入在你的HTML源代碼中，在測(cè)試時(shí)可以消除許多緩存引起的錯(cuò)誤，尤其是某些Mac下的瀏覽器。但在發(fā)布前，一定要記住將樣式表移到外部文件，用 @import 或 引入

第五篇：css 實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)題目使用CCS美化“北京奧運(yùn)吉祥物——福娃”網(wǎng)站

一、實(shí)驗(yàn)?zāi)康?/p>

用CCS美化網(wǎng)站，來控制網(wǎng)頁(yè)樣式。首先進(jìn)行布局分析包括網(wǎng)頁(yè)的頭部，網(wǎng)頁(yè)主體等。然后是摸塊布局設(shè)計(jì)，頁(yè)面總體布局設(shè)計(jì)、鏈接頁(yè)面的CSS的文件、要遵循設(shè)計(jì)頁(yè)面的通用規(guī)則，設(shè)計(jì)#heard對(duì)象部分由網(wǎng)頁(yè)的logo部分和導(dǎo)航區(qū)構(gòu)成，在是設(shè)計(jì)#content對(duì)象部分，content分為三列，第一行由分為頭片新聞區(qū)，新聞區(qū)和公告欄，第二行分為福娃簡(jiǎn)介和福娃揭秘，第三行是精彩圖片區(qū)、名人說福娃和投票調(diào)查區(qū)。最終使CSS用美化網(wǎng)站.。通過本次實(shí)驗(yàn)?zāi)苁炀氄莆誄SS美化網(wǎng)站的基本技巧和技能，在以后的學(xué)習(xí)、工作生活中能夠應(yīng)用，為我們工作帶來，生活帶來方便。

二、實(shí)驗(yàn)內(nèi)容

1、頁(yè)面總體布局設(shè)計(jì)，可以通過對(duì)選擇“插入記錄

布局對(duì)象

DIV標(biāo)簽”命令的方法進(jìn)行布局，也可以通過在代碼視圖中直接編寫源代碼的方進(jìn)行布局，布局頁(yè)面的HTM框架的代碼。、連接頁(yè)面的CSS文件，先建一個(gè)名為styie.css的文件，然后打開CSS樣式面板，單擊附加樣式表，連接超鏈接。、設(shè)計(jì)網(wǎng)頁(yè)的通用規(guī)則。通用規(guī)則對(duì)所有的標(biāo)記都起作用，絕大部分標(biāo)記都會(huì)涉及屬性。打開CSS樣式面板雙擊新建的那個(gè)文件，單擊確定按鈕，用相同的方法設(shè)置BODAY的字體和方法。、設(shè)計(jì)#header對(duì)象部分。包括logo#logo和導(dǎo)航#nav.網(wǎng)頁(yè)logo部分是一個(gè)中間欄固定，左右欄自適應(yīng)的結(jié)構(gòu)，并在fianshlogo中插入透明fiansh、動(dòng)畫；導(dǎo)航區(qū)域由#NAV#navbgl兩個(gè)區(qū)組成，使用css中超鏈接屬性。、設(shè)計(jì)#content對(duì)象部分，#maincon為中間列，寬度固定，左右兩列沒有內(nèi)容因此不需要考慮，而主體顯示部分為三行，分別顯示網(wǎng)頁(yè)不同區(qū)域。、設(shè)計(jì)#footer對(duì)象部分。

三、實(shí)驗(yàn)情況和實(shí)驗(yàn)結(jié)果 頁(yè)面總體布局

2網(wǎng)頁(yè)logo效果圖

3網(wǎng)頁(yè)導(dǎo)航區(qū)效果圖

4網(wǎng)頁(yè)#firstmain效果圖

四、CSS層疊樣式表，是用于控制網(wǎng)頁(yè)樣式，是以HTML為基礎(chǔ)提供豐富的格式化功能，由字體，顏色，背景，整體排版等。

1、了解了css的概念和特點(diǎn)，在網(wǎng)頁(yè)中使用css的四種方式及選擇器的語(yǔ)法格式及三種選擇器；標(biāo)簽選擇器、類選擇器和ID選擇器。

2、掌握了CSSde 創(chuàng)建及管理方式和其中常用的屬性，應(yīng)用css+DIV進(jìn)行頁(yè)實(shí)驗(yàn)體會(huì) 面布局的DIV標(biāo)記，SPNA標(biāo)記，盒子模型，元素的定位方式，布局流程和常用的布局類型。

3、學(xué)會(huì)了應(yīng)用SCC+DIV對(duì)“北京奧運(yùn)混吉祥物——福娃”網(wǎng)站的主頁(yè)重新進(jìn)行了設(shè)計(jì)的過程。、CSS是以HTML為基礎(chǔ)，提供豐富的格式化功能，是將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種記性語(yǔ)言。

5、在學(xué)會(huì)使用CSS美化網(wǎng)站后，感CSS是一個(gè)神奇的東西，使我感覺好奇，是什么力讓網(wǎng)頁(yè)可以這樣變化，在自己完完整整做了一遍后才知道其中的奧妙。