【原创】自用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课程设计——博客作业教学数据分析系统(201521123084 林正晟)
#课程设计--博客作业教学数据分析系统(201521123084 林正晟) 1.团队课程设计博客链接 博客作业教学数据分析系统 2.个人负责模块或任务说明 学生登陆界面的前端实现和与数据库的连接 学生 ...
- 201521123083《Java程序设计》第11周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. 上周这张图没理解完,继续 2. 书面作业 本次PTA作业题集多线程 1互斥访问与同步访问完成题集4-4(互斥访问) ...
- 201521123091 《Java程序设计》第4周学习总结
Java 第二周总结 第四周的作业. 目录 1.本章学习总结 2.Java Q&A 3.使用码云管理Java代码 4.PTA实验 1.本章学习总结 1.1 尝试使用思维导图总结有关继承的知识点 ...
- 201521123121 《JAVA程序设计》第7周学习总结
1. 本周学习总结 以你喜欢的方式(思维导图或其他)归纳总结集合相关内容. 参考资料: XMind 2. 书面作业 ArrayList代码分析 1.1 解释ArrayList的contains源代码 ...
- 201521123104《Java程序设计》第4周学习总结
1. 本周学习总结 1.1 尝试使用思维导图总结有关继承的知识点. 1.2 使用常规方法总结其他上课内容. (1)继承时子类将获得父类的属性与方法,并具有自身特有的属性与方法. (2)使用super还 ...
- 201521123054 《Java程序设计》第9周学习总结
1. 本周学习总结 2. 书面作业 题目5-1 1.1 截图你的提交结果(出现学号) 1.2 自己以前编写的代码中经常出现什么异常.需要捕获吗(为什么)?应如何避免? 经常会出现ArrayIndexO ...
- 201521123113《Java程序设计》第9周学习总结
1. 本周学习总结 2. 书面作业 本次PTA作业题集异常 Q1.常用异常 题目5-1 1.1 截图你的提交结果(出现学号) 1.2 自己以前编写的代码中经常出现什么异常.需要捕获吗(为什么)?应如何 ...
- 笔记3 linux 多线程 条件变量+互斥锁
//cond lock #include<stdio.h> #include<unistd.h> #include<pthread.h> struct test { ...
- 内置open()函数对外部文件的操作
>>> file=open('c://333.csv','r') 一些基本打开关闭操作 >>> s=file.read() >>> print s ...
- 纳税服务系统【统计图Fusionchart】
需求 我们在投诉模块中还有一个功能没有实现: 统计:根据年度将相应年度的每个月的投诉数进行统计,并以图表的形式展示在页面中:在页面中可以选择查看当前年度及其前4年的投诉数.在页面中可以选择不同的年度, ...