常用的 css reset,基本的base.css
2015-07-31 08:56
597 查看
@charset "utf-8";
html {
overflow-x: hidden;
overflow-y: auto;
}
/*隐藏横向滚动,垂直滚动根据内容自适应(去除IE默认垂直滚动条)*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
select,
input,
textarea,
th,
td {
/* 清除内外边距 */
margin: 0;
padding: 0;
}
body,
button,
input,
select,
textarea {
/* 设置默认字体 */
font: 12px/1 Microsoft YaHei, Helvetica, Arial, SimSun, Arial, Helvetica, sans-serif, Tahoma;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
h4,
h5,
h6 {
font-size: 100%;
}
ul,
ol {
list-style: none;
}
/* 重置列表元素 */
/* 重置文本格式元素 */
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #ff6600;
}
q:before,
q:after {
content: '';
}
/* 重置表单元素 */
legend {
color: #000;
}
fieldset,
img {
border: none;
}
button,
input,
select,
textarea {
font-size: 100%;
/* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 重置 hr */
hr {
border: none;
height: 1px;
}
====================
以上参考网络资源整理。
html {
overflow-x: hidden;
overflow-y: auto;
}
/*隐藏横向滚动,垂直滚动根据内容自适应(去除IE默认垂直滚动条)*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
select,
input,
textarea,
th,
td {
/* 清除内外边距 */
margin: 0;
padding: 0;
}
body,
button,
input,
select,
textarea {
/* 设置默认字体 */
font: 12px/1 Microsoft YaHei, Helvetica, Arial, SimSun, Arial, Helvetica, sans-serif, Tahoma;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
h4,
h5,
h6 {
font-size: 100%;
}
ul,
ol {
list-style: none;
}
/* 重置列表元素 */
/* 重置文本格式元素 */
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #ff6600;
}
q:before,
q:after {
content: '';
}
/* 重置表单元素 */
legend {
color: #000;
}
fieldset,
img {
border: none;
}
button,
input,
select,
textarea {
font-size: 100%;
/* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 重置 hr */
hr {
border: none;
height: 1px;
}
====================
以上参考网络资源整理。
相关文章推荐
- CSS3灰度和虚化效果
- css页面布局基础
- css页面布局基础
- css页面布局基础盒模型
- CSS的布局
- CSS布局基础
- ActionBar、ActionMode样式设定解析
- CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)
- 有利于SEO的DIV+CSS的命名规则
- css布局: 两栏 自适应高度
- CSS常用布局实现方法
- CSS常用布局实现方法
- CSS设置元素字体颜色与背景
- 7_30_html_框架&css样式表
- css常见的几种布局优点缺点总结
- 浅谈CSS sprites
- CSS的position/float/display都有哪些取值,它们相互叠加时的行为都是什么?
- CSS3扇形动画菜单 鼠标滑过扇形展开动画
- 分享下我的博客园CSS
- 在IE678下解决伪类last-child的css2方法