【原创】自用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标签在浏览器里有默认的样式,不同浏览器的默认样式之间也会有差别.在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率.所以解决的方法就是一开始 ...
随机推荐
- 201521123078 《Java程序设计》 第8周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结集合与泛型相关内容. 2. 书面作业 1.List中指定元素的删除(题目4-1) 1.1 实验总结 public static vo ...
- 使用IntelliJ IDEA查看类的继承关系图形
最近正好也没什么可忙的,就回过头来鼓捣过去的知识点,到Servlet部分时,以前学习的时候硬是把从上到下的继承关系和接口实现记得乱七八糟. 这次利用了IDEA的diagram,结果一目了然,也是好用到 ...
- Activiti-04-.Spring integration
ProcessEngineFactoryBean <beanid="processEngineConfiguration"class="org.activiti.s ...
- c#中的格式输出
Reference:http://blog.csdn.net/fightfaith/article/details/48137235
- tomcat The specified JRE installation does not exist
window->perferences->server->installed runtimes 里tomcat删掉,重新建立服务,再运行
- 常见注入手法第二讲,APC注入
常见注入手法第二讲,APC注入 转载注明出处 首先,我们要了解下什么是APC APC 是一个简称,具体名字叫做异步过程调用,我们看下MSDN中的解释,异步过程调用,属于是同步对象中的函数,所以去同步对 ...
- Angular JS 基础应用--第一篇
前 言 Android应用开发中,有一些功能虽然能够使用原生JS来实现,但是会比较的复杂,因此一些相应的框架应运而生了.框架相对于原生JS而言,从主观上来说,最大的改变就是代码 ...
- day18<集合框架+>
集合框架(Map集合概述和特点) 集合框架(Map集合的功能概述) 集合框架(Map集合的遍历之键找值) 集合框架(Map集合的遍历之键值对对象找键和值) 集合框架(Map集合的遍历之键值对对象找键和 ...
- PHP buffer的机制
PHP的buffer是这样的: 输出的字符串 => PHP buffer => 等待输出 => web 服务器的缓冲区 => tcp 缓冲区 => 客户端.过程其实相当的 ...
- Numpy中Meshgrid函数介绍及2种应用场景
近期在好几个地方都看到meshgrid的使用,虽然之前也注意到meshgrid的用法.但总觉得印象不深刻,不是太了解meshgrid的应用场景.所以,本文将进一步介绍Numpy中meshgrid的用法 ...