消除搜索框和按钮之间的间距

搜索框

float: left; 
width: 483px;
height: 26px;
padding: 5px 3px 5px 5px;
border:  none;

按钮

float:left; 
width: 130px;
height: 36px;
border:none;
color: #fff;
background: #ff0036;

不可采用消除空格或者换行，采用浮动

定位

.search-wrapper

position: relative;

.search-wrapper>img

position: absolute;

释放空间用绝对定位absolute，同时给其父元素相对定位

（碰巧看到记录一下）

我是复制过来的

这个也是复制过来的

设置层级：z-index

• 元素只有在定位之后才可以设置层级
• z-index的值越大 元素越在上面

last-child

• 一定要有一个父元素
• 而且是他的第（x个)孩子

三角形

div{
width: 0px;
height: 0px;
margin: 50px auto;
border: 20px solid transparent;
border-top-color: pink;
}

如果是上三角则设置下边框颜色

常用行级元素

多个元素占一行，行级元素只可以嵌套行级元素a标签除外

不能设置宽高

 <a>  <span>  <button> <i> <strong>

水平居中：text-align:center

垂直居中：line-height:等高

常用块级元素

单个元素占一行，块级元素可以嵌套块级元素/行级元素/行级块元素（块级元素<h1~h6>、 <p除外，不能嵌套块级元素）

可以设置宽高

<h1~h6> <p><div> <ul> <li> <ol>

居中：margin: 0 auto;

行级块元素

多个元素占一行，可以设置宽高

<img> <input>

居中方式：在父元素里设置text-align：center

优先级

权重

  内联样式 1000
  id 100
  class 10
  伪类 10
  标签 1
  伪元素 1