码迷,mamicode.com
首页 > Web开发 > 详细

CSS重点巩固

时间:2016-07-05 10:13:15      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

一:position定位

  a: static 定位 ,HTML元素的默认值,即没有定位,元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。

  b: fixed 定位, 元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动: 

        脱离文档流,因此不占据空间。

   c:relative定位,  相对其正常位置,

         相对定位元素经常被用来作为绝对定位元素的容器块

  d:absolute定位,相对于最近的已定位的父元素,  若没有,则相对于html。

          最近已定位的父元素,什么叫已定位呢?                                                             待补充!

          脱离文档流,因此不占据空间。

 发现:

1.当设置position:absolute后,元素脱离文档流,,元素会变为行内块元素!

2.position:relative声明了,但不指定偏移!    理解加深!                   待补充

3.浮动布局和精确布局的混合使用   float的深刻理解!                                 待补充

 

 

二  float布局

   1.浮动元素之后的元素将围绕它,浮动元素之前的元素将不会受到影响。

 

 

三:漏洞

         vertical-align 

         line-height

         touch-action: manipulation    

        -webkit-user-select: none;

         background-image: none;

        -webkit-appearance: button;   

         text-transform: none;

         overflow: visible;

         css这些单位的选择上   百分比  单词  数字px  em

 

 

tips:   

1.学习要自己在实践中去验证。

CSS重点巩固

标签:

原文地址:http://www.cnblogs.com/njqa/p/5642381.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!