C

D

2、在CSS語言中下列哪一項是“左邊框”的語法？（）

A、border-left-width: <值>

B、border-top-width: <值>

C、border-left: <值>

D、border-top-width: <值>

3、在CSS語言中下列哪一項的適用對象是“所有對象”？（A背景附件

B文本排列

C縱向排列

D文本縮進

4、下列選項中不屬于CSS 文本屬性的是（）

A．font-size B．text-transform

C．text-align D．line-height15、在CSS 中不屬于添加在當前頁面的形式是（）

A．內聯式樣式表 B．嵌入式樣式表

C．層疊式樣式表 D．鏈接式樣式表

5、在CSS語言中下列哪一項是“列表樣式圖象”的語法？（A、width: <值>

B、height: <值>

C、white-space: <值>））

D、list-style-image: <值>

6、下列哪一項是css正確的語法構成？（）

A、body:color=black

B、{body;color:black}

C、body {color: black;}

D.、{body:color=black(body}

8、下面哪個CSS屬性是用來更改背景顏色的？

A.background-color:

B.bgcolor:

C.color:

D、text:

9、怎樣給所有的

標簽添加背景顏色?（）

A、.h1 {background-color:#FFFFFF}

B、h1 {background-color:#FFFFFF;}

C、h1.all {background-color:#FFFFFF}

D、#h1 {background-color:#FFFFFF}

10、下列哪個css屬性可以更改樣式表的字體顏色？

A.text-color=

B.fgcolor:

C.text-color:

D.color:

11、下列哪個css屬性可以更改字體大小？

A.text-size

B.font-size

C.text-style

D.font-style12、下列哪段代碼能夠定義所有P標簽內文字加粗？（）

A.

B.

C.p {text-size:bold}

D.p {font-weight:bold}

13、如何去掉文本超級鏈接的下劃線？

A.a {text-decoration:no underline}

B.a {underline:none}

C.a {decoration:no underline}

D.a {text-decoration:none}

14、如何設置英文首字母大寫？

A.text-transform:uppercase

B.text-transform:capitalize

C.樣式表做不到

D、text-decoration:none15、下列哪個css屬性能夠更改文本字體？

A.f:

B.font=

C.font-family:

D、text-decoration:none

16.下列哪個css屬性能夠設置文本加粗？

A.font-weight:bold

B.style:bold

C.font:b

D.font=

17.下列哪個css屬性能夠設置盒模型的內補丁為10、20、30、40（順時針方向）？

A.padding:10px 20px 30px 40px

B.padding:10px 1px

C.padding:5px 20px 10px

D.padding:10px

18下列哪個屬性能夠設置盒模型的左側外補丁？

A.margin:

B.indent:

C.margin-left:

D.text-indent:

19.定義盒模型外補丁的時候是否可以使用負值?

A.是

B.否

20、如何能夠定義列表的項目符號為實心矩形？

A.list-type: square

B.type:

2C.type: square

D.list-style-type: square

二、多項選擇題（8X 5= 40分）

1、在CSS語言中下列哪些選項是背景圖像的屬性（）

A背景重復B背景附件C縱向排列D背景位置

2、CSS 中的選擇器包括（）

A．超文本標記選擇器 B．類選擇器

C．標簽選擇器 D．ID 選擇器

3、CSS文本屬性中，文本對齊屬性的取值有（）

A．autoB．justifyC．centerD．rightE．left4、CSS中BOX的padding屬性包括的屬性有（）

A．填充 B．上填充 C．底填充D．左填充 E．右填充

5、CSS中，盒模型的屬性包括（）

A.font B.margin

C.padding D.visible

E.border6、下面關于CSS的說法正確的有()

A.CSS可以控制網頁背景圖片

B.margin屬性的屬性值可以是百分比

C.整個BODY可以作為一個BOX

D.對于中文可以使用word-spacing屬性對字間距進行調整

E.margin屬性不能同時設置四個邊的邊距

7、下面關于CSS的說法正確的有()

A、CSS可以控制網頁背景圖片

B、margin屬性的屬性值可以是百分比

C、字體大小的單位可以是em

D、1em等于18像素

8、邊框的樣式可以包含的值包括：

A、粗細B、顏色C、樣式D、長短

備注：

1.考試基本信息必須填寫，即考試學校，課程名稱，考試時間以及帶課老師；

2.原則上考題總分為100分，考題類型及單題分值由命題者確定；

3.正確答案需用紅色標注出來；

4.為了減少重復性錄入，命題者提供的試卷正確率需達到96%以上，比如50題選擇題，允許有2題的修正機會。

第二篇：CSS小結

一、避免IE下未指定樣式內容的閃爍。

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

二、確保您期望的效果確實存在

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

如果布局中一定要用浮動對象，別忘了適時使用清除（clear）屬性。

浮動對象似易實難，而且不總是令人如愿以償。如果您發現浮動對象伸出了容器的邊界，或者不像您所期望的那樣顯示，請檢查您的期望是否正確。關于這個問題請看Eric Meyer的教程

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

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

避免將 padding/border 和固定寬度同時應用到同一元素。

IE5 的區塊模型是錯誤的，是它把事情辦壞了。對此也有權宜之計，不過最好是繞過這個問題，當子元素的寬度固定時，為父元素指定padding。

三、有疑問，先驗證

在調試時，先對您的代碼進行驗證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會導致許多布局上的錯誤。

在其他瀏覽器中進行測試之前，請先在最先進的瀏覽器中撰寫和測試CSS代碼，而不是相反。

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

四、加上明顯的邊框有利于布局調試。

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

對圖片路徑不要用單引號。

當設置背景圖片時，要堅持用雙引號。盡管看起來有些多余，但是如果不這么做，IE5/Mac會噎住。

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

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

另外值得一提的還有一些雖然不針對某些功能，但是在開發過程中應當注意的理論

五、好好組織您的CSS文件

恰當地成塊注釋CSS，將相似的CSS選擇符編為一組，養成一致的命名習慣和空白格式（為跨平臺考慮，建議用空白字符而不是tab。）以及適當的次序。

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

假如您創建了一個.smallblue 類，后來打算將文字改大，顏色變為紅色，這個類名就不再有任何意義了。相反，您可以用更有描述性的名字如.copyright 和.pullquote。

六、組合選擇符

保持CSS短小對減少下載時間非常重要。請盡量為選擇符分組、利用繼承（inheritance）以及使用簡寫（shorthand）來減少冗余。

使用圖片替換技術時要考慮親和力

已經發現傳統的FIR在屏幕閱讀器，以及關閉圖片顯示［的瀏覽器］中會出問題。對此有其他解決辦法，要根據具體情況，慎重使用。

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

IE不支持它，但是它將 width 當作 min-width，所以通過一些 IE 的過濾技巧（filtering），可以實現同樣的最終效果。

把CSS過濾器（filters）當作最后的手段

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

如果使用了錨點，在應用超鏈接樣式時要特別小心。

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

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

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

請記住“TRouBLED”（麻煩的）邊框。

邊框（border）、邊距（margin）和補白（padding）的簡寫次序為：順時針方向從上開始，即 Top，Right，Bottom，Left。比如 margin： 0 1px 3px 5px;表示上邊距為零，右邊距為1px，依此類推。

九、非零值要指明單位。

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

十、測試不同的字體大小。

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

用嵌入式測試，發布時改為輸入。

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

第三篇：css 實驗報告

實驗題目使用CCS美化“北京奧運吉祥物——福娃”網站

一、實驗目的

用CCS美化網站，來控制網頁樣式。首先進行布局分析包括網頁的頭部，網頁主體等。然后是摸塊布局設計，頁面總體布局設計、鏈接頁面的CSS的文件、要遵循設計頁面的通用規則，設計#heard對象部分由網頁的logo部分和導航區構成，在是設計#content對象部分，content分為三列，第一行由分為頭片新聞區，新聞區和公告欄，第二行分為福娃簡介和福娃揭秘，第三行是精彩圖片區、名人說福娃和投票調查區。最終使CSS用美化網站.。通過本次實驗能熟練掌握CSS美化網站的基本技巧和技能，在以后的學習、工作生活中能夠應用，為我們工作帶來，生活帶來方便。

二、實驗內容

1、頁面總體布局設計，可以通過對選擇“插入記錄

布局對象

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

三、實驗情況和實驗結果 頁面總體布局

2網頁logo效果圖

3網頁導航區效果圖

4網頁#firstmain效果圖

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

1、了解了css的概念和特點，在網頁中使用css的四種方式及選擇器的語法格式及三種選擇器；標簽選擇器、類選擇器和ID選擇器。

2、掌握了CSSde 創建及管理方式和其中常用的屬性，應用css+DIV進行頁實驗體會 面布局的DIV標記，SPNA標記，盒子模型，元素的定位方式，布局流程和常用的布局類型。

3、學會了應用SCC+DIV對“北京奧運混吉祥物——福娃”網站的主頁重新進行了設計的過程。、CSS是以HTML為基礎，提供豐富的格式化功能，是將樣式信息與網頁內容分離的一種記性語言。

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

第四篇：css屬性樣式[范文模版]

HIDEFOCUS hideFocus 設置或獲取表明對象是否顯式標明焦點的值。HSPACE hspace 設置或獲取對象的水平邊距。ID id 獲取標識對象的字符串。

innerText 設置或獲取位于對象起始和結束標簽內的文本。isContentEditable 獲取表明用戶是否可編輯對象內容的值。isDisabled 獲取表明用戶是否可與該對象交互的值。isMultiLine 獲取表明對象的內容是包含一行還是多行的值。isTextEdit 獲取是否可使用該對象創建一個 TextRange 對象。LANG lang 設置或獲取要使用的語言。

LANGUAGE language 設置或獲取當前腳本編寫用的語言。lastChild 獲取該對象 childNodes 集合中最后一個子對象的引用。longDesc 設置或獲取對象長描述的統一資源標識符(URI)。

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

nextSibling 獲取對此對象的下一個兄弟對象的引用。nodeName 獲取特定結點類型的名稱。nodeType 獲取所需結點的類型。nodue 設置或獲取結點的值。

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

outerHTML 設置或獲取對象及其內容的 HTML 形式。outerText 設置或獲取對象的文本。

ownerDocument 設置或獲取結點關聯的 document 對象。parentElement 獲取對象層次中的父對象。parentNode 獲取文檔層次中的父對象。

parentTextEdit 獲取文檔層次中可用于創建包含原始對象的 TextRange 的容器對象。previousSibling 獲取對此對象的上一個兄弟對象的引用。readyState 獲取對象的當前狀態。readyState 獲取表明對象當前狀態的值。

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

SCROLLING scrolling 設置或獲取框架是否可被滾動。

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

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

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

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

SYSTEMLANGUAGE 表明是否在用戶計算機上的選項設置中選中了給定語言。

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

TABINDEX tabIndex 設置或獲取定義對象的 Tab 順序的索引。tagName 獲取對象的標簽名稱。

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

標簽屬性/屬性

行為

行為 描述

clientCaps 提供關于 Internet Explorer 支持的特性的信息，以及提供即用即裝的方法。download 下載文件并在下載完成后通知一個指定的回調函數。homePage 包含關于用戶主頁的信息。time 為 HTML 元素提供一個活動的時間線。

time2 為 HTML 元素或一組元素提供一個活動的時間線。

集合

集合 描述

all 返回對象所包含的元素集合的引用。attributes 獲取對象標簽屬性的集合。

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

事件

事件 描述

onactivate 當對象設置為活動元素時觸發。

onafterupdate 當成功更新數據源對象中的關聯對象后在數據綁定對象上觸發。onbeforedeactivate 在 activeElement 從當前對象變為父文檔其它對象之前立即觸發。onbeforeupdate 當成功更新數據源對象中的關聯對象前在數據綁定對象上觸發。onblur 在對象失去輸入焦點時觸發。oncontrolselect 當用戶將要對該對象制作一個控件選中區時觸發。ondeactivate 當 activeElement 從當前對象變為父文檔其它對象時觸發。onerrorupdate 更新數據源對象中的關聯數據出錯時在數據綁定對象上觸發。onfocus 當對象獲得焦點時觸發。

onload 在瀏覽器完成對象的裝載后立即觸發。onmove 當對象移動時觸發。onmoveend 當對象停止移動時觸發。onmovestart 當對象開始移動時觸發。onreadystatechange 當對象狀態變更時觸發。

onresizeend 當用戶更改完控件選中區中對象的尺寸時觸發。onresizestart 當用戶開始更改控件選中區中對象的尺寸時觸發。

ontimeerror 當特定時間錯誤發生時無條件觸發，通常由將屬性設置為無效值導致。

濾鏡

濾鏡屬性 描述

Alpha 調整對象內容的不透明度。

AlphaImageLoader 在對象的邊界和對象背景到內容之間顯示圖像，可選剪裁或縮放圖像大小。當裝入便攜網絡圖像(PNG)時，從 0 到 100% 的 透明度都是支持的。Barn 以開門或關門的運動方式顯示對象的新內容。

BasicImage 調整對象內容的顏色處理、圖像旋轉或不透明度。BlendTrans 以漸隱原始內容的形式顯示對象的新內容。Blinds 以打開或關閉盲點的運動方式顯示對象的新內容。Blur 模糊對象的內容以便使其看起來失去焦點。

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

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

DropShadow 創建對象內容的實體陰影，偏移量位于指定方向。這將使得內容看起來是浮動的因此會產生陰影。Emboss 使用灰度值對對象以浮雕紋理顯示。Engrave 使用灰度值對對象以雕刻紋理顯示。Fade 以漸隱原始內容的形式顯示對象的新內容。FlipH 以沿水平方向翻轉的形式顯示對象內容。FlipV 以沿垂直方向翻轉的形式顯示對象內容。

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

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

Iris 以彩虹效果顯示對象的新內容，這與照相機光圈打開相似。Light 在對象的內容上創建燈光效果。

MaskFilter 將對象內容的透明像素顯示為彩色遮罩，將非透明像素顯示為透明。Matrix 使用矩陣變換縮放、旋轉或顯現對象的內容。MotionBlur 以運動模糊的效果顯示對象內容。

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

RadialWipe 以輻射狀擦除的形式顯現對象的新內容。RandomBars 以隨機像素線爆炸的形式顯現對象的新內容。RandomDissolve 以隨機像素爆炸的形式顯現對象的新內容。Redirect 目前還不支持。

RevealTrans 使用 24 種預先定義的切換效果顯現對象的新內容。

Shadow 創建對象內容的實體陰影，偏移量位于指定方向。這將創建陰影效果。Slide 以圖像滑行的形式顯現對象的新內容。Spiral 以螺旋運動的形式顯現對象的新內容。

Stretch 以拉伸覆蓋原始內容的形式顯現對象的新內容。有一個選項類似立方體從一個表面轉到另外一個表面。Strips 以條形覆蓋的形式顯現對象的原始內容，好像有一把鋸將原始內容鋸開。Wave 在對象的內容上執行垂直方向的正弦波扭曲。

Wheel 以旋轉運動的形式顯現對象的新內容，好像輪子滾過原始內容。Xray 更改對象內容的顏色深度將其以黑白顯示。

Zigzag 在對象上將對象的新內容進行來回移動以便覆蓋原始內容。

方法

方法 描述

addBehavior 給元素附加一個行為。appendChild 給對象追加一個子元素。

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

attachEvent 將指定函數綁定到事件，以便每當該事件在對象上觸發時都調用該函數。blur 使元素失去焦點并觸發 onblur 事件。clearAttributes 從對象中刪除全部標簽屬性和值。cloneNode 從文檔層次中復制對對象的引用。

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

detachEvent 從事件中取消指定函數的綁定，這樣當事件觸發時函數就不會收到通知了。dragDrop 初始化拖曳事件。fireEvent 觸發對象的指定事件。

focus 使得元素得到焦點并執行由 onfocus 事件指定的代碼。getAdjacentText 返回鄰接文本字符串。getAttribute 獲取指定標簽屬性的值。

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

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

insertBefore 在文檔層次中插入元素作為父對象的子結點。mergeAttributes 復制所有讀/寫標簽屬性到指定元素。

normalize 合并鄰接 TextNode 對象以便生成一個常規的文檔對象模型。removeAttribute 刪除對象的給定標簽屬性。

removeAttributeNode 從對象中刪除刪除 attribute 對象。removeBehavior 分離元素的行為。removeChild 從元素上刪除子結點。

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

scrollIntoView 將對象滾動到可見范圍內，將其排列到窗口頂部或底部。setActive 設置對象為當前對象而不將對象置為焦點。setAttribute 設置指定標簽屬性的值。

setAttributeNode 設置 attribute 對象為對象的一部分。setexpression_r 設置指定對象的表達式。swapNode 交換文檔層次中兩個對象的位置。

對象

對象 描述

runtimeStyle 代表了居于全局樣式表、內嵌樣式和 HTML 標簽屬性指定的格式和樣式之上的對象的格式和樣式。

style 代表了給定元素所有可能的內嵌樣式的當前設置。

樣式

樣式標簽屬性 樣式屬性 描述 ACCELERATOR accelerator 設置或獲取表明對象是否包含快捷鍵的字符串。

background-attachment backgroundAttachment 設置或獲取背景圖像如何附加到文檔內的對象中。

background-color backgroundColor 設置或獲取對象內容后的顏色。

background-position-x backgroundPositionX 設置或獲取 backgroundPosition 屬性的 x 坐標。

background-position-y backgroundPositionY 設置或獲取 backgroundPosition 屬性的 y 坐標。

behavior behavior 設置或獲取 DHTML 行為的位置。border-bottom borderBottom 設置或獲取對象下邊框的屬性。

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

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

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

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

bottom bottom 設置或獲取對象相對于文檔層次中下個定位對象的底部的位置。

clear clear 設置或獲取對象是否允許在其左側、右側或兩邊放置浮動對象，以防下段文本顯示在浮動對象上。

clip clip 設置或獲取定位對象的哪個部分可見。

cursor cursor 設置或獲取當鼠標指針指向對象時所使用的鼠標指針。display display 設置或獲取對象是否要渲染。

filter filter 設置或獲取應用于對象的濾鏡或濾鏡集合。height height 設置或獲取對象的高度。

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

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

overflow-x overflowX 設置或獲取當內容超出對象寬度時如何管理對象內容。overflow-y overflowY 設置或獲取當內容超出對象高度時如何管理對象內容。pixelBottom 設置或獲取對象的下方位置。pixelHeight 設置或獲取對象的高度。pixelLeft 設置或獲取對象的左側位置。pixelRight 設置或獲取對象的右側位置。pixelTop 設置或獲取對象的上方位置。

pixelWidth 設置或獲取對象的寬度。posBottom 設置或獲取以 bottom 標簽屬性指定的單位的對象下方位置。

posHeight 設置或獲取以 height 標簽屬性指定的單位的對象高度。position position 設置或獲取對象所使用的定位方式。

posLeft 設置或獲取以 left 標簽屬性指定的單位的對象左側位置。posRight 設置或獲取以 right 標簽屬性指定的單位的對象右側位置。posTop 設置或獲取以 top 標簽屬性指定的單位的對象上方位置。posWidth 設置或獲取以 width 標簽屬性指定的單位的對象寬度。

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

text-autospace textAutospace 設置或獲取自動留空和文本的窄空間寬度調整。top top 設置或獲取對象相對于文檔層次中下個定位對象的上邊界的位置。visibility visibility 設置或獲取對象的內容是否顯示。z-index zIndex 設置或獲取定位對象的堆疊次序。zoom zoom 設置或獲取對象的放大比例。

注釋

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

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

通過 iframe 對象所在頁面的對象模型，你可以訪問 iframe 對象的屬性，但不能訪問其內容。例如，訪問 iframe 對象的 border 樣式的語法應為:

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

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

與 IFRAME 元素一起使用的 ALLOWTRANSPARENCY 標簽屬性必須設置為 true。

在 IFRAME 內容源文檔，background-color 或 BODY 元素的 BGCOLOR 標簽屬性必須設置為 transparent。

參看使用透明的浮動框架可以獲得關于透明浮動框架更多的信息。

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

此元素是一個塊元素。

此元素需要關閉標簽。

示例

下面的例子使用了 IFRAME 元素創建了包含頁面 sample.htm 的框架。

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

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

第五篇：css學習心得

1)文檔類型

不解釋，一句話不要刪

2)編碼格式

兩種 UTF-8和gb2312 必須和css樣式表同其他文件相同

3)標簽:

4)css樣式

外部樣式

內部樣式

行內樣式

內部樣式

@import url(“/css/global.css”);

5）css優先級

id優先級高于class

后面的樣式覆蓋前面的指定的高于繼承

行內樣式高于內部或外部樣式

總結：單一的(id)高于共用的(class)，有指定的用指定的，無指定則繼承離它最近的 6）css模型盒 &

默認body是有外邊距的body { margin:0;} 這里要注意一個問題：IE6的3像素bug

解決方法：margin-right:-3px；

7）css布局

Css代碼部分

界面代碼部分