day 41 css固定位置 以及小米商城项目

1.如何让一个绝对定位的盒子居中
    left:50%;
    margin-left:- 宽度的一半
    
2.固定定位
    position: fixed;
    (1)脱标
      参考点:浏览器的左上角
      作用:固定导航栏  返回顶部 小广告
    3.z-index的使用
    1、z-index 值表示谁压着谁,数值大的压盖住数值小的,
    2、只有定位了的元素,才能有z-index,也就是说,不管相对定位,绝对定位,固定定位,
    都可以使用z-index,而浮动元素不能使用z-index 3、z-index值没有单位,就是一个正整数,默认的z-index值为0,如果大家都没有z-index值,
    或者z-index值一样,那么谁写在HTML后面,谁在上面压着别人,定位了元素,永远压住没有定位的元素。 4、从父现象:父亲怂了,儿子再牛逼也没用

1、设置一个页面需要清楚的代码:

*{  
    padding: 0;
    margin: 0;
}
body{
    font-size: 14px;   好处:可以设置整篇文章需要用到的字体都是什么样的,减少代码冗余
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
input{
    border: 0;
    outline: 0;
}

a

猜你喜欢

转载自www.cnblogs.com/xiaobai686/p/11874012.html
今日推荐