css3移动端初始化样式

@charset "utf-8";/* 禁用iPhone中Safari的字号自动调整 */
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/* 解决IOS默认滑动很卡的情况 */-webkit-overflow-scrolling : touch;
}/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {resize: none;border: none;
}/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;
}/* 图片自适应 */
img {width: 100%;height: auto;width: auto\9; /* ie8 */display: block;-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;
}
body {font: 12px/1.5 'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif;color: #555;background-color: #F7F7F7;
}
em, i {font-style: normal;
}
ul,li{list-style-type: none;
}
strong {font-weight: normal;
}
.clearfix:after {content: "";display: block;visibility: hidden;height: 0;clear: both;
}
.clearfix {zoom: 1;
}
a {text-decoration: none;color: #969696;font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}
a:hover {text-decoration: none;
}
ul, ol {list-style: none;
}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-family: 'Microsoft YaHei';
}
img {border: none;
}
input{font-family: 'Microsoft YaHei';
}
/*单行溢出*/
.one-txt-cut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;/* -webkit-line-clamp: 2; */-webkit-box-orient: vertical;
}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {background: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;
}
.w50{width: 50%;
}
.w25{width: 25%;
}
.w20{width: 20%;
}
.w33{width: 33.333333%;
}
.fl{float: left;
}
.fr{float: right;
}
.db{display: block !important;
}
.dn{display: none;
}

css3移动端初始化样式相关推荐

《HTML5+CSS3网页布局和样式精粹》.(张亚飞).[PDF]ckook
图书作者: 张亚飞图书编号: 9787302261834 图书格式: PDF 出版社: 清华大学出版社出版年份: 2011 图书页数: 500-600 [内容简介] 对于初入门的网页设计者和开 ...
黑马 pink h5+css3+移动端前端
网页概念网页是网站的一页,网页有很多元素组成,包括视频图片文字视频链接等等,以.htm和.html后缀结尾,俗称html文件 HTML 超文本标记语言,描述网页语言,不是编程语言,是标记语言,有标签 ...
CSS3: 移动端开发中 max-device-width 与 max-width 的区别
翻译自stackoverflow.com,源地址:http://stackoverflow.com/questions/6747242/what-is-the-difference-between-m ...
视频教程-HTML5和CSS3移动端开发全套教程-HTML5/CSS
HTML5和CSS3移动端开发全套教程拥有6年web前端和后端开发经验,4年授课经验,还曾在百度专业培训过网络营销课程,曾就职于联想集团和当当网,不仅有丰富的项目实战经验还有营销经验,综合实力较强, ...
【HTML+CSS】CSS初始化样式文件
[HTML+CSS]CSS初始化样式文件不同的浏览器对有些标签的默认值是不一样的,为了消除不用浏览器对HTML文件呈现的差异,照顾浏览器的兼容性,我们需要进行CSS初始化.一般情况下,我们会专门准备 ...
好看的css3用户基本信息卡片样式源码
简介: css3用户基本信息卡片样式可以用来做个人简介页面网盘下载地址: http://kekewl.net/F2cJKHcv4GD0 图片:
CSS3各种手型样式集合
这里写自定义目录标题 CSS3各种手型样式集合 CSS3各种手型样式集合本文搜集了CSS3的cursor 属性的各种集合. <!DOCTYPE html> <html lang=& ...
【Vue】pc和移动端网页样式适配
在下面环节会讲解怎么做pc和移动端网页样式适配. 在当下有两种实现样式适配的:JS 适配方案和CSS 媒体查询适配.下面会具体讲解一下代码该怎么写.
CSS初始化样式应该怎么写
每次我在制作网页模板的时候,都会对网页的css进行必要的初始化. 初始化的字面意思就是给变量赋为默认值,CSS样式表的初始化是对浏览器自带样式的重设,(也称为CSS Reset),如果不写,文档就会默 ...

css3移动端初始化样式

css3移动端初始化样式相关推荐

最新文章

热门文章