常用的css3样式

时间：2015-07-16 19:03:09 阅读：118 评论：0 收藏：0 [点我收藏+]

标签：

1、表单形式，一行文字，分2列或者三列，其中一列或者两列宽度固定，最后一列100%长度使用display:table

外层结构样式：

内存固定宽度样式：

内存100%宽度样式：

2、页面滚动顺畅，添加样式（手机端滑动好）

3、页面平滑滚动，使用css（从右侧过来，主要是transform样式）

原本样式：

原本样式+show：

4、select下拉框手机上不显示箭头与边框

5、图片背景图使用

background-size: contain;

6、文字不能选择body中设置

-webkit-user-select: none;

7、线性渐变

width: 1px;
height: 410px;
float: left;
margin-left: 69px;
background: -moz-linear-gradient(top,rgba(255,255,255,0.1),#fff,rgba(255,255,255,0.1));
background: -webkit-linear-gradient(top,rgba(255,255,255,0.1),#fff,rgba(255,255,255,0.1));

8、手机端列表下边线设置为0.5px，无法直接设置为border-bottom:0.5px solid #eee;使用下列方法

ul li:after {

}

9、点击时使元素无背景，不高亮

-webkit-tap-highlight-color: transparent;

标签：

原文地址：http://www.cnblogs.com/snowbaby-kang/p/4651780.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行