美文网首页
base.css样式重置

base.css样式重置

作者: 虚伪宝宝 | 来源:发表于2018-08-14 14:08 被阅读0次

@charset "utf-8";
/* css初始化 /
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,textarea,th,td {
margin: 0;
padding: 0;
}
body {
/
字体、颜色、背景色/
font-size: 12px;
font-family: "Microsoft Yahei", sans-serif, "\5FAE\8F6F\96C5\9ED1";
color: #ccc;
background: #fff
}
table {
/
边框合并/
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img,input,button {
/
去掉input等聚焦时的蓝色边框/
border: none;
padding: 0;
margin: 0;
outline-style: none;
}
img {
/
去掉图片低测默认的3像素空白缝隙,或者用display:block也可以/
border: 0;
vertical-align: middle;
}
ul,ol {
/
清除列表风格/
list-style: none;
}
input {
padding-top: 0;
padding-bottom: 0;
font-family: "SimSun", "宋体";
}
select,input {
vertical-align: middle;
}
select,input,textarea {
font-size: 12px;
margin: 0;
}
textarea {
/
边框清零 /
border: none;
/
轮廓线清零 /
outline: none;
/
防止文本域被随意拖拽 */
resize: none;
}

/* html,body {
width: 100%;
height: 100%;
font-size: 100px!important;
} */

a,a:active,a:visited {
/下划线和颜色/
text-decoration: none;
color: #ccc;
}
a:hover {
color: #333;
}
s,i,em {
/文字样式/
font-style: normal;
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
/* 设置h标签的大小,设置跟父亲一样大的字体font-size:100% /
font-size: 100%;
font-weight: normal;
text-decoration: none;
}
/
使用伪元素清除浮动 */
.clearfix::before,
.clearfix::after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: none;
clear: both;
}
.clearfix {
*zoom: 1;
}

/* 公共类 */
.w { width: 1210px;margin: 0 auto; }
.fl { float: left; }
.fr { float: right;}
.al { text-align: left;}
.ac { text-align: center;}
.ar { text-align: right;}
.hide { display: none;}
.font12 { font-size: 12px;}
.font14 { font-size: 14px;}
.font16 { font-size: 16px;}

相关文章

  • base.css样式重置

    @charset "utf-8";/* css初始化 /html,body,p,h1,h2,h3,h4,h5,h6...

  • CSS样式规范

    1.样式文件命名 公用样式文件命名基本公用样式:base.css布局,版面:layout.css表单:form.c...

  • 开发网页基础-base.css(重置CSS样式)

    很多人认为不用重置样式,对应着写不会出现什么问题,但是开发的时候避免因为样式的开发出现BUG,事先还是要重置样式!...

  • base.css 样式

    /*浮动*/ .fleft { float: left; } .fright { float: right; } ...

  • base.css

    @charset "utf-8"; /*! * @名称:base.css * @功能:1、重设浏览器默认样式 * ...

  • CSS Reset 的来龙去脉

    目录 浏览器的默认样式 三种样式重置方法 硬重置 软重置 个性化重置 Normalize.css 源码解析 总结 ...

  • Html5课堂总结

    /*重置样式*/ *{ margin: 0; padding: 0; } css的重置样式主要是因为html标签在...

  • 移动端重置样式和公共样式

    移动端重置样式移动端公共样式

  • css reset

    重置样式:css reset 概述 重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体...

  • Css3解决塌陷和元素居中的代码

    重置样式表-去除默认样式 重置浏览器默认样式,可以使用reset.css和normalize.css。reset....

网友评论

      本文标题:base.css样式重置

      本文链接:https://www.haomeiwen.com/subject/uxfvbftx.html