【原创】自用css reset
自己工作中常用的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的更多相关文章
- CSS reset的审视
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=758 一.CSS re ...
- CSS Reset(样式重置)
CSS Reset,意为重置默认样式.HTML中绝大部分标签元素在网页显示中都有一个默认属性值,通常为了避免重复定义元素样式,需要进行重置默认样式(CSS Reset).举几个例子:1.淘宝(CSS ...
- 现代 CSS 解决方案:Modern CSS Reset
在早年间(其实也不是很早),写过几篇关于 CSS Reset 的文章 - reset.css 知多少. 详细描述了当时业界比较常用的,两个 CSS reset 方案:reset.css 与 Norma ...
- 由css reset想到的深入理解margin及em的含义
由css reset想到的深入理解margin及em的含义 原文地址:http://www.ymblog.net/content_189.html 经常看到这样语句,*{ margin:0px;pad ...
- ife任务刷题总结(一)-css reset与清除浮动
本文同时发布于本人的个人网站www.yaoxiaowen.com 百度创办的前端技术学院,是一个面向大学生的前端技术学习平台.虽然只有大学生才有资格报名,提交代码进行比赛排名.但是这并不妨碍我们这些初 ...
- 常见标签的默认属性值及相互作用——关于CSS reset的思考
在现在的网站设计中使用reset.css用重置整个站点的标签的CSS属性的做法很常见,但有时候我们已经为了reset而reset,我们经常看到这样的reset代码 div{ padding:0px; ...
- 关于CSS reset
关于CSS resetCSS reset(css重置)基本上是不需要的,至少可以说80%的的CSS reset都是没有必要的,反而增加了页面CSS 的overwrite,尤其像开心网*{margin: ...
- HTML常用命名和CSS reset代码【收集总结】
CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:l ...
- 常用CSS Reset汇总
什么是Css Reset呢? 在 HTML标签在浏览器里有默认的样式,不同浏览器的默认样式之间也会有差别.在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率.所以解决的方法就是一开始 ...
随机推荐
- 转:【Java集合源码剖析】HashMap源码剖析
转载请注明出处:http://blog.csdn.net/ns_code/article/details/36034955 您好,我正在参加CSDN博文大赛,如果您喜欢我的文章,希望您能帮我投一票 ...
- 201521123108 《Java程序设计》第7周学习总结
1. 本周学习总结 2. 书面作业 Q1.ArrayList代码分析 Q1.1 解释ArrayList的contains源代码 答:源代码如下: public boolean contains(Obj ...
- 201521123014 《Java程序设计》第6周学习总结
1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图,对面向对象思想进行一个总结. 1.2 可选:使用常规方法总结其他上课内容. GUI与Sw ...
- 201521123068《Java程序设计》第2周学习总结
1.本周学习总结 认识了各种类型与变量的使用 学习运算符的基本使用 变量命名不可以使用数字和一些特殊字符(如*.&.%等)作为开头: 变量名称不可以与Java关键词同名 学习了类与对象的区别 ...
- 201521123112《Java程序设计》第11周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. 线程终止可以使用boolean标志使线程中的run()方法退出. 线程让步使用Thead.yield(). 等待其 ...
- 201521123116 《java程序设计》第十三周学习总结
1. 本周学习总结 以你喜欢的方式(思维导图.OneNote或其他)归纳总结多网络相关内容. 2. 书面作业 Q1. 网络基础 1.1 比较ping www.baidu.com与ping cec.jm ...
- 二分求最长上升子序列 二分LIS
#include <iostream> #include <cstring> #define N 50010 using namespace std; int n; int n ...
- mongodb 面试题总结
mongodb 面试题总结 1 nosql和关系型数据库的区别 2 nosql数据库有哪些 redis mongodb hbase 3 MySQL与mongodb本质之间最基本的差别是什么 差别在多方 ...
- Java源码学习:HashMap实现原理
AbstractMap HashMap继承制AbstractMap,很多通用的方法,比如size().isEmpty(),都已经在这里实现了.来看一个比较简单的方法,get方法: public V g ...
- ptyhon 编程基础之函数篇(二)-----返回函数,自定义排序函数,闭包,匿名函数
一.自定义排序函数 在Python中可以使用内置函数sorted(list)进行排序: 结果如下图所示: 但sorted也是一个高阶函数,可以接受两个参数来实现自定义排序函数,第一个参数为要排序的集合 ...