博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css reset
阅读量:5246 次
发布时间:2019-06-14

本文共 2441 字,大约阅读时间需要 8 分钟。

@charset "utf-8";

/*
* @作者: jersey
* @功能: 重设浏览器默认样式,抽象通用样式库
* @项目:
*/

/* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
html { color:#000; background:#fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0; }
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; }
input, select, textarea { font-size:100%; }
/* 去掉各Table  cell 的边距并让其边重合 */
table { border-collapse:collapse; border-spacing:0; }
/* IE bug fixed: th 不继承 text-align*/
th { text-align:inherit; }
/* 去除默认边框 */
fieldset, img { border:0; }
/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display:block; }
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border:0; font-variant:normal; }
/* 一致的 del 样式 */
del { text-decoration:line-through; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:500; }
/* 去掉列表前的标识, li 会继承 */
ol, ul { list-style:none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th { text-align:left; }
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:500; }
q:before, q:after { content:''; }
/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* 让链接在 hover 状态下显示下划线 */
a:hover { text-decoration:underline; }
/* 默认不显示下划线,保持页面简洁 */
ins, a { text-decoration:none; }
*/

/*块状元素水平居中*/
.auto { margin-left:auto; margin-right:auto; }
/*清除浮动*/
.cf { *zoom:1;
}
.cf:after { display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
/*基于display:table-cell的自适应布局*/
.cell { display:table-cell; *display:inline-block;
width:2000px; *width:auto;
}
/*双栏自适应cell部分连续英文字符换行*/
.cell_bk { display:table; width:100%; table-layout:fixed; word-wrap:break-word; }
/*单行文字溢出虚点显示*/
.ell { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

转载于:https://www.cnblogs.com/leejersey/archive/2012/07/11/2585957.html

你可能感兴趣的文章
记住一个口诀“左内右本”
查看>>
spring-boo hello world程序
查看>>
SVN版本控制器
查看>>
access数据库和sqlsever数据库sql语句的布尔值boolean的写法
查看>>
[转]ASP.NET母版页中对控件ID的处理
查看>>
android FM播放时拔出耳机后,FM APP出现"拔出耳机,Fm停止"的提示框,然后自动close...
查看>>
mysql 外键引发的删除失败
查看>>
Jackson注解简介
查看>>
登陆的过滤器
查看>>
Hash环/一致性Hash原理
查看>>
Vivaldi浏览器媲美Chrome
查看>>
HDU 1796 How many integers can you find (容斥原理 入门)
查看>>
LNMP一键安装
查看>>
【转】Xilinx 网站资源导读
查看>>
ADO.NET学习笔记--日期函数
查看>>
[笔记]双口RAM(DPRAM)的实现
查看>>
C++布隆过滤器
查看>>
严重: A child container failed during start
查看>>
jQuery Ready 与 Window onload 的区别
查看>>
vue2.0的虚拟DOM渲染
查看>>