前端开发设计图常遇问题

1、去掉默认样式，input点击时的蓝框

input,select,textarea{outline:none;}

2、/*文本域*/

请写入个人简介，不少于200字！

文本域固定，大小不变

textarea{resize:none;}

3、消除移动端默认的点击高亮效果
a{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  }

4、文字多，多余的用“...”表示
      {white-space: nowrap;/*让文字不换行*/
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;}

5、/*清楚浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}

6、/*边框发光*/

      {border:1px solid #ddd;
box-shadow:0 0 8px #ddd;
-moz-box-shadow:0 0 8px #ddd;
-webkit-box-shadow:0 0 8px #ddd;}

7、/*调用文件*/



8、


9、

 

10、

11、/*不透明度*/

{opacity：0.6}

12、/*文本缩进*/>
p{
  text-indent:10px;
}

13、/*图片可以跟着盒子变大小*

{background:url(images/0.1jpg) center no-repeat; 

background-size:cover;}或者

{background:url(images/0.1jpg) center no-repeat; 

background-size:100%;}

 //center是是图片居中，还可以改成left,right,或者具体像素，例如10px; no-repeat是图片不重复就一张