css位置相關元素

標籤：ati   float   它的   span   absolute   圖片   設定   hidden   position   

 1、border     是邊框的意思，它可以設定粗細，多少像素，輸入樣式，solid是實線的意思，可以直接選擇color邊框的顏色。

 也可以設定某個方向的邊框，例如

設定一個div，讓它的高和寬都為零

 border-bottom:200 px   下邊框粗細是200像素

 border-left:200 px    左邊框粗細也是200像素

 border-top:200px     上邊框

 border-right:200 px   右邊框

  然後設定它的樣式顏色，完全的組合起來就是四個不同顏色的三角形，組合成的正方形

2、設定一個無序列表的div，設定它的樣式list-style:none可以去掉無序列表的小點或者是圓

加list-style-image:後面加圖片的路徑   ，可以把無序列表的點都換成圖片

格式與布局

position:absolute;         是絕對位置

position:fixed;固定位置  

相對於瀏覽器的邊界

position:relative;相對定位

相對於原來應該出現的位置做改變

在有上面三個的前提上才可以使用top距上邊，left距右多少像素，right右邊，bottom下邊，也可以使用負數

float;left按照指定的方向流，這個是像左流的意思，也可以向別的方像

上段話的樣式中如果使用了流的話，在寫下段話前加一段話  <div style＝"clear:both"></div>

z_index:0值越大，越靠上，層級高

其他的

display:none         元素隱藏

display:block         元素顯示

display:inline-block  用在span，沒辦法用高和寬調整大小的

visibility:hidden     隱藏，位置還在

overflow:hidden     超出部分隱藏掉

overflow:scroll       超出部分顯示捲軸

css位置相關元素