4月7日學到的知識點: 一:<img src="1.png" alt="美女"/> alt是給圖片添加介紹,當圖片沒載入出來時,會直接顯示alt的值,在搜索引擎搜索時也可以讓搜索引擎更好的找到這張圖。 二:<a href="css2.ppt">標簽下載</a> 當href的值是一個文件名或者壓縮包時 ...
4月7日學到的知識點:
一:<img src="1.png" alt="美女"/>
alt是給圖片添加介紹,當圖片沒載入出來時,會直接顯示alt的值,在搜索引擎搜索時也可以讓搜索引擎更好的找到這張圖。
二:<a href="css2.ppt">標簽下載</a>
當href的值是一個文件名或者壓縮包時就會直接出發瀏覽器的下載功能去下載這個文件。
三:<a href="#id"></a>
錨點,百度百科常用。點擊a標簽就會跳到對應id的位置。
四:群組選擇符
#box1,#box2{}選中id為box1和box2的對象。
五:類選擇符
.class
六:類型選擇符
p{};div{}等
七:樣式優先順序
1.同級樣式預設後者覆蓋前者;
2.優先順序:類型(1) < class(10) < id(100) < style行間樣式(1000)
八:偽類
偽類用於向被選中元素添加特殊的效果
link:未訪問(預設);
visited:訪問過後;
hover:滑鼠經過,懸停;
active:滑鼠點擊。
如果要持續的讓某個元素有以上效果,寫這四個偽類的順序應該如上,visited必須寫在第二,如果寫在最後,訪問之後,根據同級元素的優先順序順序,訪問之後的樣式會覆蓋hover和active,這樣會導致無法連續出現效果。
相容問題:IE6不支持a以外其他任何標簽的偽類;IE6以上的瀏覽器支持所有標簽的hover偽類.
九:預設樣式重置
有些標簽會自帶一些padding,margin等樣式,在開發之前,最後清除這些預設樣式。清除的時候最好不要用通配符來清除,因為那樣效率會很低。
十:塊元素和內嵌元素
塊的特征:
1.預設獨占一行;
2.沒有寬度時預設撐滿一行;
3.支持所有css命令;
內嵌的特征:
1.同類的標簽可以在同行顯示;
2.支持撐開寬度;
3.不支持寬高;
4.不支持上下的margin和padding;
5.代碼換行的話中間會有一個空格.
十一:display
通過display可以改變塊和內嵌屬性。
display:block;
display:inline;
display:inline-block
特性:1.塊在一行顯示;
2.行內元素支持寬高;
3.沒有寬度的時候內容撐開寬度。
相容問題:代碼換行會出現空格;ie6,ie7不支持塊屬性標簽的inline-block;