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!");