1，css小技巧

1，min-width: 1263px;/*消除自适应影响,设最小固定宽度，出现滚动*/

  max-width: 1920px;/*当屏幕宽度小于1920时，元素占屏幕100%宽；当屏幕宽度超过1920px时，元素宽度最大还是止步于1920px；主要用于设置页面的背景图*/

2，box-shadow: 0 11px 10px rgba(0,0,0,0);/*设置边框阴影*/position: relative;z-index: 9999;/*层级要高，才看得见边框阴影*/

3，text-indent: -9999px;/*隐藏文字*/

4，letter-spacing: 2px;/*字体间距*/

5,line-height: 2; /*控制行间距*/

6：white-space: nowrap；/*规定段落中的文本不进行换行*/overflow: hidden;/*超出宽度或高度的部分，就隐藏了。可以保证div的高度或宽度不变。*/

7,text-overflow:ellipsis;/*溢出文本用...表示*/用于强调：￥286417：overflow:hidden;/*div缩小时，超过两行，隐藏溢出的文字*/    display:-webkit-box;    -webkit-line-clamp:2;//不得大于两行    -webkit-box-orient:vertical;

8，行内快居中vertical-align: middle;/*元素垂直居中*/vertical-align: top;/*元素居顶*/

9，text-align: center;/*使行内块水平居中*/

10,让块元素在一行，用float或display:inline-block;

11，元素占满父元素，display:block;/*是行内块元素*/

12，响应式图片：img{display:block;max-width:100%;} /*是行内块元素*/

13，position: absolute;/*任何div水平垂直居中*/ top: 50%; left: 50%; margin: -(height/2)px 0 0 -(width/2)px;

14,background:linear-gradient(to right bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))；/*渐变*/

15,怪异模式布局：boder-sizing:border-box;/*元素指定的任何内边距和边框在已设定的宽度和高度内进行绘制*/

16：:after 选择器在被选元素的内容后面插入内容。

17，/*解决input的placeholder默认文字居中问题*/input::-ms-input-placeholder{text-align:left;} input::-webkit-input-placeholder{text-align: left;}

18,用粗体文本替换每个段落： $("p").replaceWith("Hello world!");