fieldset元素-爲控件分組
legend元素-爲分組指定一個標題
<fieldset>
<legend>地址信息</legend>
地址：<input type="text">
郵編：<input type="text">
</fieldset>浮動框架：iframe
可以在一個瀏覽器窗口中同時顯示多個頁面文檔
-在頁面上使用iframe元素
-設置iframe元素的src屬性，指向其他頁面的URL
主要屬性：
-src:浮動框架中的網頁的URL
-height:高度
-width:寬度
-frameborder=”0/1” :邊框
scrolling=“no”是否有滾動條
發票信息：
頁面上經常需要將部分信息進行展開或者收縮
details元素用於定義細節
summary元素用來包含details元素的標題
目前只有Chrome支持
marquee:彈幕效果
主要屬性：
behavior=”scroll”滾動效果/“alternate”晃動效果
scrollamount=”100” 滾動速度
direction=“up left right down”滾動方向
css樣式：
1.什麼是css
CSS : Cascading Style Sheet
層疊樣式表、級聯樣式表、樣式表
2.樣式表的作用
修改頁面中元素的顯示樣式
能夠實現內容與表現分離
提高代碼的可重用性和可維護性
3.HTML和CSS之間的關係
HTML：構建頁面（人）
CSS：構建HTML元素的樣式（化妝師）
HTML是頁面的內容組成，CSS是頁面的表現
1.內聯樣式（行內樣式）
在html元素中聲明樣式內容 每個屬性都具備stye屬性
css語法：
1允許出現多個屬性：值 對
2每對之間用；隔開
特點：只作用在所定義的標籤內，其他標籤不受影響
2.內部樣式表
樣式定義在html中的head中
特點：定義好內部樣式表後，當前頁面中所有的標籤都可以使用定義好的樣式可以實現代碼重用。
使用方法：
1.在head中定義style
2.在style元素中添加樣式規則
引入外部樣式表：
1.通過link引入
2.@import(URL)
**區別：1.@import只能引入css樣式表 link還可以引入其他文件
2.@import等到頁面加載完成才加載 link網頁加載同時就加載
3.@import(兼容性問題)只能支持IE5級以上的瀏覽器
4.用JS的DOM操作改變頁面樣式的時候，只能改變link引入的css樣式**
css樣式表特徵：
1、繼承性
2、層疊性
一個選擇器可以被重複定義
在多個不同的定義中，不重讀的屬性可以層疊到一起
如果屬性重複的話，以後定義的爲準
3.優先級
樣式定義衝突時，按照不同樣式的優先級來使用樣式
1.瀏覽器缺省設置（最低）
2.外部樣式表或內部樣式表
-就近原則
3.內聯樣式（最高）
4.！improtant
手動調整樣式屬性的優先級
css基礎選擇器：
什麼是選擇器：
1.當前樣式規則的名稱
2.規範哪些元素能夠使用當前的樣式規則
通用選擇器：
語法：*
作用：匹配頁面中所有元素
*{屬性：值}
使用場合：定義當前頁面中最基本的顯示樣式，如：字體、大小
元素選擇器
語法：html文檔中的元素，就是選擇器
作用：更改某個元素（標籤）的默認顯示樣式
類選擇器：（類樣式）
作用：定義一組元素的通用樣式
語法：className
注意*：類名不能以數字開頭*
.important{}
.set{}
.s1{}
.1action{}錯誤
使用：通過標籤的class屬性，來引用定義好的類名
分類選擇器（分類樣式）
將類選擇器和元素選擇器進行結合，主要針對某種元素不同的類進行細分控制
語法：元素選擇器 . 類選擇器
p.important{} : 控制class屬性值爲important的p標籤的樣式
div.warning{} : 控制class屬性值爲warning的div標籤的樣式
id選擇器（id樣式）
作用：定義某一元素的固定樣式
語法：#idName
使用：通過標籤的id屬性值進行引用
元素選擇器#id選擇器{}
#most{}
div#most{}
羣組選擇器：
聲明以，隔開的選擇器列表
div,span,.most,#main,div.important{
color:blue
}
#div1,#div2,#div3,seation{
background-color:red;
}
#div1{
font-size:30px;
}
後代選擇器
通過元素的位置關係來匹配到元素
語法：選擇器1 選擇器2{}
div span{}:匹配到div中所有的span元素
#myDiv .important{}:
<div id="myDiv">
<span class="important"> </span>
</div>子代選擇器
兩個元素間只能是父子關係
語法：選擇器1>選擇器2
h1>b>span{}
僞類選擇器
作用：根據某一元素不同的狀態來進行樣式聲明
語法：
選擇器：僞類{}
僞類分類：
1.鏈接僞類
：link，適用於尚未訪問的鏈接
：visited，訪問過後的鏈接
2.動態僞類：
：hover，適用於鼠標懸停在元素時
：active，元素被激活
：focus，元素獲取焦點時（多用於文本框，密碼框等表單元素）
3。目標僞類；
4.元素狀態僞類
5.結構僞類
6.否定僞類
