css基礎：格式與布局

標籤：注意   int   index   平移   基礎   像素   box   radius   邊框   

1.定位：position：fixed；鎖定位置，相當於螢幕位置鎖定，不隨頁面移動。

position：absolute；絕對位置，相對於頁面定位，隨頁面移動。

position：relative；相對位置，相對於頁面內周邊元素的位置，要注意與周圍元素的關係，避免相互排擠。

2.其他屬性：z-index：n；該層設定為第n層，三維布局，在z軸方向分層，可理解為摞紙。

float：left；橫向左側排列，橫向流式布局，超出邊框後自動排在下一行；right 橫向右側排列。

overflow：hidden；超出部分隱藏；scroll 顯示出捲軸。

min-width：4px；最小寬度。

border-radius：5px；邊框圓角，可填像素或百分比。

box-shadow：5px 5px 5px black；邊框陰影：向右 向下 虛化5px 黑色。

text-shadow：5px 5px 5px black；文字陰影：向右 向下 虛化5px 黑色。

transition：0.5s；漸層效果，變化時間為0.5s。

transform：rotate（360deg）；旋轉360度。

margin-left：10px；向右平移10px。

opacity：0.5；半透明效果，50%透明效果

a:hover {color：red；滑鼠指向連結時顏色變為紅色；cursor：pointer；滑鼠指到上面時的形狀；}

 

css基礎：格式與布局