ljw_jiawei的博客

.center-img {width:100%; height:100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat;}...

p{white-space:nowrap;}

overflow:auto;

div{       position:absolute;       width:100%;       height:100%;}

试试添加position:relative;试试添加z-index:1;

box-sizing:border-box;

select{        appearance:none; -webkit-appearance:none; 4种兼容}

table{ table-layout:fixed;}table td{ word-break:break-word;}

css3常用动画+动画库一、animates.cssanimate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括：晃动，闪动，各种淡出淡出效果，如果你想快速的整合各种CSS3动画特效的话，使用它即可方便的实现。 查看演示：https://daneden.github.io/animate....

与-webkit-text-size-adjust:none;有关,加上这句代码应该可以

resize:none;

overflow:auto;

<div class='header'><span class='go-back' @click="back()"></span><div class="home-search"><input v-model="searchtext" type="search" placeholder="搜索您想卖的机型...

margin-left:calc(90%/-2); //需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；

    1.一定要保证前面没有兄弟节点,要么就用div包住    2.img:first-of-type{}也能达到first-child的效果,且前面可以有节点    3.img:nth-of-type(1){}也能达到first-child的效果,且前面可以有节点 ...

pointer-events: none;

pre{        white-space:pre-wrap;        white-space:-moz-pre-wrap;        white-space:-pre-wrap;        white-space:-o-pre-wrap;        word-wrap:break-word;}...

    .underline{ position:relative; }    .underline:after {     position: absolute;     bottom: 0;     left: 20px;     right: 20px;     height: 1px;     content: '';     -webkit-transfo...

方式一:     父级元素定义display:flex,子元素宽度用flex来定义,flex:1 是均分父级元素。占的比例相同（苹果6部分低版本浏览器不支持, 尽量不要用）    .user-set{      (父元素)        display: flex;          display: -webkit-flex;     align-items: center;...

#test{border-collapse:collapse;border:1px solid #ddd;}#test th,#test td{border:1px solid #ddd;}&lt;table id="test"&gt;&lt;tr&gt;&lt;th&gt;姓名&lt;/th&gt;&lt;td&gt;少年&lt;/td&gt;&lt;/tr&gt

    垂直水平居中的新方法一(css3): 1.不给宽高 2.给要居中的元素position:absolute;top:50%;left:50%;(width:100%;或width:30px;或不给) 3.给要居中的元素transform:translate(-50%,-50%); css3 4.行内元素不用给display:iline-block;  垂直水平居中的新...

给li{display:inline-block;}给ul{text-align:right;}

使用css3改变元素宽高且有过渡(IE9和以下不支持)(要写两个兼容-moz-和-webkit-) 1.按正常的将元素HTML和css写好 .wall-top{width:1048px; height:144px; position:absolute ;top:0; right:56px; background:#222; z-index:10} 2.在css里再给这个元素加css的transi...

弹性盒子display:-webkit-box-----不要使用----(整理里有例子)(只能写在手机端,因为只支持webkit内核)作用是div里有3个盒子,除了margin的地方,其他都可以平均分display:-webkit-box;...

        background: radial-gradient( circle, red, blue, orange) //正圆渐变,circle是正圆,没有默认是椭圆 background: radial-gradient( circle at left, red, blue, orange) //从左向右发散,也可组合 background: radial-gradient( circ...

        div{ background-image: linear-gradient(to right, red, blue);} //从左向右,红色变蓝色 div{ background-image: linear-gradient(to right bottom, red, blue);} //从左上向右下,红色变蓝色 div{ background-image: linear-gra...

h1{ font:100px/200px "微软雅黑"; text-align:center; color:#000; text-shadow:0 0 0 rgba(0,0,0,1); border:1px solid #000; transition:1s;}h1:hover{color:rgba(0,0,0,0);text-shadow:0 0 100px rgba(0,0,0,0.5);}...

2D动画: transform:translate(100px,100px); //移动,也可transform:translateY(100px); transform:scale(0.6); //缩放,缩放成原来的60%,也可以给2个值,分别是长和宽 transform:rotate(180deg); //旋转 transform:skew(30deg ,40deg) //倾斜 tra...

text-shadow：横向偏移 纵向偏移 模糊距离 阴影颜色,横向偏移 纵向偏移 模糊距离 阴影颜色box-shadow:  横向偏移 纵向偏移 模糊距离 阴影颜色

li:nth-child(2){}li:nth-child(2n){}

        非常好的一个例子http://www.runoob.com/try/try.php?filename=tryjquery_eff_animate2 $(".a").animate( {left:"650px"},5000,'linear'); //运动单个属性,连续写多次,会一个一个执行,elasticOut好像是弹性的 $(".a").animate( {width:"10...

        .icon{ filter:alpha(opacity=30); /*支持IE */  -moz-opacity:0.3; /*支持FF */  opacity:0.3;  } .icon:hover{ filter:alpha(opacity=80); /*支持IE */  -moz-opacity:.8; /*支持FF */  opacity:.8;  }...

        -----------html------------ &lt;ul&gt; &lt;li&gt;&lt;img&gt;&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="sub-case-body"&amp

div{ resize:both; overflow:auto; }

        -webkit-box-reflect:above        // -webkit-box-reflect:below;       //下倒影 -webkit-box-reflect:left;        //左倒影 -webkit-box-reflect:right 10px;  //右倒影,10px是中间间隔...

border:10px solid rgba(0,0,0,0.5)

        一行写法: white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 多行写法: .ellipsis-2{   display: -webkit-box;   overflow: hidden;   white-space: normal!important;   text-overflow: ellips...

        /*水平翻转*/ .flipx {     -moz-transform:scaleX(-1);     -webkit-transform:scaleX(-1);     -o-transform:scaleX(-1);     transform:scaleX(-1);     /*IE*/     filter:FlipH; } /*垂直翻转*/ .flipy {     -...

/*For Firefox Chrome*/ .demo{border:1px solid #ddd;width:200px;height:150px;overflow:hidden;text-align:center;display:table;float:left;position:relative;} .demo a{display:table-cell;vertical-align:mid...

span{display:inline-block; padding-left:10px;}