自己工作中常用的reset,和一些设置,实际用时会根据网站页面进行增删。

/* Common style */
html{ overflow-y:scroll; overflow-x:auto;}
body,h1,h2,h3,h4,h5,h6,p,form{ margin:0;}
body{ font:14px 'Microsoft YaHei',tahoma,Srial,helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
ul{ margin:0; padding:0; list-style:none;}
a img,input,button,textarea{ border:none;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}

/* Link Style */
a:visited{ outline:none;}
a:link{ color:#333; text-decoration:none;}
a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#f40; text-decoration:underline;}
a:active{ color:#f40; text-decoration:underline;}

/* Font Style */
.size_16{ font-size:16px;}
.red,body a.red{ color:#f00;}/*红色文字和链接*/
body .color3{ color:#333;}
body .color6{ color:#666;}
body .color9{ color:#999;}
.normal{ font-weight:normal;}
.bold{ font-weight:bolder;}

/* Space Style */
.mt10{ margin-top:10px;}
.pt10{ padding-top:10px;}

/* Form Style */
.checkbox{ vertical-align:middle; margin:-2px 5px 1px 0;}
.btn_red{ border-radius:5px; color:#fff; background:#ef4949; cursor:pointer;}/*红色按钮*/
a.btn_red{ display:inline-block; color:#fff; text-align:center; text-decoration:none;}
.btn_red:hover{ background:#d72d2d;}
.text1{ width:280px; height:38px; line-height:38px; padding:0 10px; border:1px solid #e2e2e2; border-radius:5px; background:#eee;}
textarea{ vertical-align:middle;}

/* Body Style */
.con{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.hide{ overflow:hidden;}
.t_hide{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.block{ display:inline-block;}
.t_cen{ text-align:center;}
.p_re{ position:relative;}
.p_ab{ position:absolute;}

/* header */
.top{ height:40px; line-height:40px; font-size:12px; border-bottom:1px solid #ddd; background:#f3f3f3;}
.logo{ width:342px; height:50px; display:inline-block; margin:25px 0; background:url(../images/logo.png) no-repeat;}
.logo h1{ text-indent:-9999px;}
.nav{ width:650px; overflow:hidden;}
.nav li{ width:130px; float:left;}

/* content */

/* footer */

【原创】自用css reset的更多相关文章

  1. CSS reset的审视

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=758 一.CSS re ...

  2. CSS Reset(样式重置)

    CSS Reset,意为重置默认样式.HTML中绝大部分标签元素在网页显示中都有一个默认属性值,通常为了避免重复定义元素样式,需要进行重置默认样式(CSS Reset).举几个例子:1.淘宝(CSS ...

  3. 现代 CSS 解决方案:Modern CSS Reset

    在早年间(其实也不是很早),写过几篇关于 CSS Reset 的文章 - reset.css 知多少. 详细描述了当时业界比较常用的,两个 CSS reset 方案:reset.css 与 Norma ...

  4. 由css reset想到的深入理解margin及em的含义

    由css reset想到的深入理解margin及em的含义 原文地址:http://www.ymblog.net/content_189.html 经常看到这样语句,*{ margin:0px;pad ...

  5. ife任务刷题总结(一)-css reset与清除浮动

    本文同时发布于本人的个人网站www.yaoxiaowen.com 百度创办的前端技术学院,是一个面向大学生的前端技术学习平台.虽然只有大学生才有资格报名,提交代码进行比赛排名.但是这并不妨碍我们这些初 ...

  6. 常见标签的默认属性值及相互作用——关于CSS reset的思考

    在现在的网站设计中使用reset.css用重置整个站点的标签的CSS属性的做法很常见,但有时候我们已经为了reset而reset,我们经常看到这样的reset代码 div{ padding:0px; ...

  7. 关于CSS reset

    关于CSS resetCSS reset(css重置)基本上是不需要的,至少可以说80%的的CSS reset都是没有必要的,反而增加了页面CSS 的overwrite,尤其像开心网*{margin: ...

  8. HTML常用命名和CSS reset代码【收集总结】

    CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:l ...

  9. 常用CSS Reset汇总

    什么是Css Reset呢? 在 HTML标签在浏览器里有默认的样式,不同浏览器的默认样式之间也会有差别.在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率.所以解决的方法就是一开始 ...

随机推荐

  1. 转:【Java集合源码剖析】HashMap源码剖析

    转载请注明出处:http://blog.csdn.net/ns_code/article/details/36034955   您好,我正在参加CSDN博文大赛,如果您喜欢我的文章,希望您能帮我投一票 ...

  2. 201521123108 《Java程序设计》第7周学习总结

    1. 本周学习总结 2. 书面作业 Q1.ArrayList代码分析 Q1.1 解释ArrayList的contains源代码 答:源代码如下: public boolean contains(Obj ...

  3. 201521123014 《Java程序设计》第6周学习总结

    1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图,对面向对象思想进行一个总结. 1.2 可选:使用常规方法总结其他上课内容. GUI与Sw ...

  4. 201521123068《Java程序设计》第2周学习总结

    1.本周学习总结 认识了各种类型与变量的使用 学习运算符的基本使用 变量命名不可以使用数字和一些特殊字符(如*.&.%等)作为开头: 变量名称不可以与Java关键词同名 学习了类与对象的区别 ...

  5. 201521123112《Java程序设计》第11周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. 线程终止可以使用boolean标志使线程中的run()方法退出. 线程让步使用Thead.yield(). 等待其 ...

  6. 201521123116 《java程序设计》第十三周学习总结

    1. 本周学习总结 以你喜欢的方式(思维导图.OneNote或其他)归纳总结多网络相关内容. 2. 书面作业 Q1. 网络基础 1.1 比较ping www.baidu.com与ping cec.jm ...

  7. 二分求最长上升子序列 二分LIS

    #include <iostream> #include <cstring> #define N 50010 using namespace std; int n; int n ...

  8. mongodb 面试题总结

    mongodb 面试题总结 1 nosql和关系型数据库的区别 2 nosql数据库有哪些 redis mongodb hbase 3 MySQL与mongodb本质之间最基本的差别是什么 差别在多方 ...

  9. Java源码学习:HashMap实现原理

    AbstractMap HashMap继承制AbstractMap,很多通用的方法,比如size().isEmpty(),都已经在这里实现了.来看一个比较简单的方法,get方法: public V g ...

  10. ptyhon 编程基础之函数篇(二)-----返回函数,自定义排序函数,闭包,匿名函数

    一.自定义排序函数 在Python中可以使用内置函数sorted(list)进行排序: 结果如下图所示: 但sorted也是一个高阶函数,可以接受两个参数来实现自定义排序函数,第一个参数为要排序的集合 ...