2021-03-20

携程移动端首页

1. 固定的盒子必须有宽度

.search-index{
/固定定位和父级没有关系，它以屏幕为准/
position:fixed;
top:0;
left:0;
width:100%;
}

2. 侧轴居中对齐

align-items:center;

3. 在a链接里加上title可以在鼠标点上去显出文字
   
4. 属性选择器

/表示前缀为local-nav-icon这一类/
.local-nav li [class^="local-nav-icon"]

5. -n+2就是前面两个的意思

.nav-items:nth-child(-n+2){
    border-right: 1px solid #fff;
}

6. 背景线性渐变
   语法1：

background:linear-gradient(起始方向，颜色1，颜色2，...);
/背景渐变必须添加浏览器私有前缀/
background:-webkit-linear-gradient(left,red,blue);
background:-webkit-linear-gradient(left top,red,blue);