css的定位和浮动

定位

浮动

float代码

浮动时注意观擦我的位置你会发现很别扭

照片墙

图片一般用li标签包裹这样的话加载的快，因为用li标签的话浏览器解释是会默认为为同一一种格式。

• 
  
  

  你要去旅行吗

  
  
• 
  
  

  你在何方？

  
  
• 
  
  

  难道去了东洋?

  
  


• 
  
  

  醉里寻梦

  
  


• 
  
  

  大梦三千

  
  


• 
  
  

  别走了光

  
  

相对、绝对、固定定位

代码块

苍老师到此一游！

点击图片时显示在最上面

消息框

元素的显示方式(display)

1.块

• 有宽高、独立成行(垂直排列)
• hn p div ol ul table

2.行内

• 没有宽高、不独立成行(横向排列)
• span b strong i em u del a

3.行内块

• 有宽高、不独立成行(横向排列)
• img input select textarea

修改显示方式

• display:block; 块
• display:inline; 行内
• display:inline-block; 行内块
• display:none; 隐藏此元素