html學習筆記

標籤：dex   寬度   完成   屬性   oat   學習   idt   express   test   

 

 

1.div是區塊層級元素，span是內嵌元素，二者都沒有意義，都是為樣式服務的；區塊層級元素div能設定寬度width屬性，如width:300px,但是內嵌元素span卻不能設定寬度 

<span>轉區塊層級元素，可以通過樣式屬性 display：block來進行，那麼抓換完成之後，內聯就多了換行，就變成區塊層級元素了，並且可以設定寬度了；

同樣，div也可以轉換為內嵌元素，通過設定樣式屬性 display:inline，就把div轉換成了內嵌元素

2.z-index樣式屬性，設定某些塊浮動另外一些塊上

3.定位方式：

4.布局相關屬性;float浮動和清除浮動，float  left  right （清除浮動） clear：both

代碼沒清除前：

效果是：bottom的紅色，被left 和right這兩個浮動的div給蓋住了

如果bottom 所在的div清除浮動，只需要在bottom中設定樣式屬性 clear:both

效果如下:

bottom跑到下面了

 

5.div 樣式屬性的margin:0 auto;是置中處理

6.前端多版本測試的工具軟體：IETest multibrowser

7.判斷目前使用者瀏覽網頁時所使用的瀏覽器版本的方法：

<!--[if expression]> HTML <![endif]-->   
例子：

<!--[if IE 5]>
<p>Welcome to Internet Explorer 5.</p>
<![endif]-->

 

[if IE]   判斷是否IE

[if IE 7]  判斷是否是IE7

[if !IE]  判斷是否不是IE

[if lt IE 5.5]  判斷是否是IE5.5 以下版本。  (<)

[if lte IE 6]   判斷是否等於IE6 版本或者以下 (<=)

[if gt IE 5]  判斷是否IE5以上版本  （> ）

[if gte IE 7]  判斷是否 IE7 版本或者以上

[if !(IE 7)] 判斷是否不是IE7

[if (gt IE 5)&(lt IE 7)]   判斷是否大於IE5， 小於IE7

[if (IE 6)|(IE 7)]  判斷是否IE6 或者 IE7

html學習筆記