1.用frameset、frame和iframe還實現多視窗 2.在圖片上利用映射距離usemap來實現按鈕跳轉。 第8尾集 3.表單必須要有name和value,因為抓包的時候,可發現必須要提交它們 4.fieldset標簽——>legend、lable 5.只能用margin-top、margi ...
1.用frameset、frame和iframe還實現多視窗
2.在圖片上利用映射距離usemap來實現按鈕跳轉。------第8尾集
3.表單必須要有name和value,因為抓包的時候,可發現必須要提交它們
4.fieldset標簽——>legend、lable
5.只能用margin-top、margin-left定位div距離頁面邊距。
6.padding-top、padding-left定位div裡面的元素距離div邊距的距離
7.超鏈接預設是link。可以設置hover的屬性,還有visited
8.四個選擇器優先順序:id選擇器(#)>class選擇器(.)>html選擇器>通配符選擇器(*)
9.父子選擇器,比如#id1 span{}----->類似於a.clas1{};a.clas2{}
還可以#id1 span span。不一定只有一級。
(1)父子選擇器可以有多級(但實際開發中不要過三層)
(2)有嚴格的層級關係
(3)父子選擇器不局限於什麼類型選擇器
.s1 #id span
div #id .s2
10.一個元素可以同時有id選擇器和class選擇器。
比如<span class="s1" id="news">呵呵</span>
11.一個元素最多有一個id選擇器,但是可以有多個類選擇器
比如<span class="cls1 s1">呵呵</span>
特別註意:當兩個類選擇器發生衝突時,則以寫在css文件中的後面那個類選擇器為準
12.我們可以把某個css文件中的選擇器共有的部分,獨立出來寫一份
比如 .s1 , .s2 , .s3{}
13.行內元素和塊元素
(1)行內元素它只占能顯示自己內容的寬度,而且它不會占據整行
(2)塊元素它不管自己的內容有多少,會占據整行,而且會換行顯示
==>>常見的行內元素有<a><img><input>
==>>常見的快元素有<div><p>
14.行內元素和塊元素可以相互轉換。用display:inline--block
15.CSS盒子模型:第13集中下部分講margin、border、padding
16.註意一些元素的預設邊距。因此要註意除掉。比如ul
17.定位
==>相對定位:相對該元素應當顯示的位置重新定位,雖然脫離了
標準流,但是位置不讓出來,不能被占用
==>絕對定位:對該元素最近的那個脫離了標準流的元素定位,如
果沒有父元素(或者有父元素,但是父元素沒有脫離標準流),
則相對於body左上角定位
==>Fixed定位:總是以視窗的左上角定位
==>left top屬性 對 static 沒有效果,sattic是依靠margin_left和margin_top定位的
==>z_index 用於設置對象(div)顯示時候,層疊的屬性,z-index越小,越在下麵
18.行內元素對height、width的值無效。除非轉換成浮動(float)或者(display:block)
19.第20集尾部的可愛屋有兩個地方值得借鑒,一是鏈接菜單欄的動態背景圖,
二是輸入框只顯示下邊框,其他邊框不顯示