代码：CSS——reset.css

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了代码：CSS——reset.css，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5370字，纯文字阅读大概需要8分钟。

内容图文

A链接标签：

            /*
             链接样式、文字颜色 
            */
            
a{color:#666;text-decoration:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover, a:active{color:#ff7200;outline:0;}
.gray3, .gray3 > a ,a.gray3{color:#333;}
.gray6, .gray6 > a ,a.gray6{color:#666;}
.gray9, .gray9 > a ,a.gray9{color:#999;}
.grayb, .grayb > a ,a.grayb{color:#bbb;}
.grayc, .grayc > a ,a.grayc{color:#ccc;}
.grayd, .grayd > a ,a.grayd{color:#ddd;}
.grayf, .grayf > a ,a.grayf{color:#f2f2f2;}
.white, .white > a ,a.white{color:#fff;}
.orange, .orange> a ,a.orange{color:#ff7200;}

参考：淘宝的首页的一部分css

            blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
body,button,input,select,textarea {font: 12px/1.4 tahoma,arial,‘Hiragino Sans GB‘,\5b8b\4f53,sans-serif}
h1,h2,h3,h4,h5,h6 {font-size: 100%}
address,cite,dfn,em,var {font-style: normal}
code,kbd,pre,samp {font-family: courier new,courier,monospace}
small {font-size: 12px}
ol,ul {list-style: none}
a {text-decoration: none}
a:hover {text-decoration: underline}
sup {vertical-align: text-top}
sub {vertical-align: text-bottom}
legend {color: #000}
fieldset,img {border: 0}
button,input,select,textarea {font-size: 100%}
table {border-collapse: collapse;border-spacing: 0}
.main{margin-left: auto;margin-right: auto;}

reset：

            @charset "utf-8";


            /*
            ********* 1.reset *********
            */
            /*
             清除标签自带边距 
            */
            
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,input,textarea,th,td,select,hr,legend,fieldset {margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
ul,li {list-style: none;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;outline: none;background: none;}
textarea {border:none 0;}
iframe[name=‘google_conversion_frame‘]{display:none;}/*google 统计样式*/
img,input,textarea {vertical-align: middle;}/* 保持垂直居中 */
img,hr {border: none 0;}/* 去除img边框 */
i,em {font-style: normal;}/* 清除字体倾斜 *//* 链接样式、文字颜色 */
a{color:#666;text-decoration:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover, a:active{color:#ff7200;outline:0;}
.gray3, .gray3 > a ,a.gray3{color:#333;}
.gray6, .gray6 > a ,a.gray6{color:#666;}
.gray9, .gray9 > a ,a.gray9{color:#999;}
.grayb, .grayb > a ,a.grayb{color:#bbb;}
.grayc, .grayc > a ,a.grayc{color:#ccc;}
.grayd, .grayd > a ,a.grayd{color:#ddd;}
.grayf, .grayf > a ,a.grayf{color:#f2f2f2;}
.white, .white > a ,a.white{color:#fff;}
.orange, .orange> a ,a.orange{color:#ff7200;}

/* 设置HTML5标签 块元素*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}


/********** 2.公共元素、控件定义 **********//*文字大小*/
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f36{font-size:36px;}

h1, .h1{font-size:30px;}
h2, .h2{font-size:28px;}
h3, .h3{font-size:22px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}


/*描边 定义*/
.border1{border:1px solid #ececec;}
.border1-top{border-top:1px solid #ececec;}
.border1-bottom{border-bottom:1px solid #ececec;}
.border1-left{border-left:1px solid #ececec;}
.border1-right{border-right:1px solid #ececec;}


/*文本框 定义*/
.input{outline:0;color:#999;display: inline-block;padding: 0.8em;font-size: 14px;font-weight: normal;line-height: 1;text-align:left;white-space: nowrap;
    vertical-align: middle;background-image: none;border:1px solid #ececec;border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}/*常态输入框*/
.select{border:1px solid #ececec;padding:4px 0;}


/********** css零件 **********/
.clearfix:after {content:‘‘;display: block;height: 0;overflow: hidden;clear: both;}
.l{float:left;}
.r{float:right;}
.i{font-style:italic;}
.fN{font-weight: normal;}
.fB{font-weight: bold;}
.rmb{font-family:Arial;}
.dib{display:inline-block;}
.etc{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.wrap{word-wrap:break-word;}/*强制换行*/
.nowrap{white-space:nowrap;}/*禁止换行*/
.tc{text-align:center;}

.mt5{margin-top:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom:5px;}.ml5{margin-left:5px;}
.mt10{margin-top:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}
.mt15{margin-top:15px;}.mr15{margin-right:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}
.mt20{margin-top:20px;}.mr20{margin-right:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}

.lh100{line-height:1;}.lh110{line-height:1.1;}.lh120{line-height:1.2;}.lh130{line-height:1.3;}.lh140{line-height:1.4;}
.lh150{line-height:1.5;}.lh160{line-height:1.6;}.lh170{line-height:1.7;}.lh180{line-height:1.8;}.lh190{line-height:1.9;}.lh200{line-height:2;}/*行高*//********** 页面布局 **********/
.main {width:1190px;margin-left:auto;margin-right:auto;}
.layout-main{background:#ecebeb;width:1190px;margin-left:auto;margin-right:auto;font-family: ‘Microsoft YaHei‘;overflow:auto;}
.layout-left{float:left;background:#fff;width:920px;padding-right:20px;}
.layout-right{float:right;width:250px;}

原文：http://www.cnblogs.com/qq21270/p/5112681.html

内容总结

以上是互联网集市为您收集整理的代码：CSS——reset.css全部内容，希望文章能够帮你解决代码：CSS——reset.css所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1330819.html

来源：【匿名】

【下一篇】php无法调用css怎么办

更多 ►

【代码：CSS——reset.css】教程文章相关的互联网学习教程文章

A链接标签：/* 链接样式、文字颜色 */ a{color:#666;text-decoration:none;} a:link{color:#666;} a:visited{color:#666;} a:hover, a:active{color:#ff7200;outline:0;} .gray3, .gray3 > a ,a.gray3{color:#333;} .gray6, .gray6 > a ,a.gray6{color:#666;} .gray9, .gray9 > a ,a.gray9{color:#999;} .grayb, .grayb > a ,a.grayb{color:#bbb;} .grayc, .grayc > a ,a.grayc{color:#ccc;} .grayd, .grayd > a ,a.grayd{color:#d...

编写CSS代码时样式的命名规则

具体如下：要注意的内容：一，命名所选用的单词应选择不过于具体表示某一状态（如颜色、字号大小等）的单词，以避免当状态改变时名称失去意义。二，样式类名由以字母开头的小写字母（a-z）、数字（0-9）、下划线（_）、减号（-）组成。 ID名称由不以数字开头的小写字母（a-z）、数字（0-9）、下划线（_）组成。可使用类似下面的规则: [模块前缀|类型|作用]_[名称]_[状态|位置] 约定模块、类型、状态、位置等的所使用的单词或其...

css 10 款非常棒的CSS代码格式化工具推荐【图】

http://www.iteye.com/news/23692/ 10 款非常棒的CSS代码格式化工具推荐2011-12-14 09:31 by 副主编 wangguo 评论(0) 有9111人浏览CSS 代码格式化相关知识库： PHP知识库信息无障碍知识库计算机网络知识库 C#知识库如果你刚开始学习CSS，这意味着你的很多代码或结构可能需要优化，比如你可能过多使用了类、添加了多余的间隔或空行等等，这将导致代码臃肿、混乱，可读性和执行效率将大大降低。本文为你整理了几款CSS工具，借...

HTML、CSS、JS课后习作——痛风诊断APP源代码

我自己也感到这些代码非常不成熟，一定有很多可以优化的地方，就当做一个反面教材，供大家剖析、批评。index.html代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>痛风诊断评分</title><script src="js/common.js"></script><link rel="stylesheet" href="css/common.css" /></head><body background="img/p...

编码规范之编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范【代码】

不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。因此，编写灵活、稳定、高质量的 HTML 和 CSS 代码，是每一个技术人员的基本操守。HTML************************************************************************语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）。对于属性的定义，确保全部使用双引号，绝不要使用单引号。不...

每位设计师都应该拥有的50个CSS代码片段(下)【代码】

26. 固定宽度的居中布局1#page-wrap { 2 width: 800px; 3 margin: 0 auto; 4 }Code Source我知道之前已经提到过怎样设置水平居中.在这里的代码是完美实现固定宽度的水平居中 .27. CSS3 文本分列1#columns-3 { 2 text-align: justify; 3 -moz-column-count: 3; 4 -moz-column-gap: 12px; 5 -moz-column-rule: 1px solid #c4c8cc; 6 -webkit-column-count: 3; 7 -webkit-column-gap: 12px; 8 -webkit-col...

css书写规范以及如何写出赏心悦目的代码

css书写规范： 1. 编码统一为utf-8;2. 协作开发及分工: i根据各个模块, 同时根据页面相似程序, 事先写好大体框架文件,同时根据页面相似程序，事先写好大体框架文件。共用css文件base.css由i书写, 协作开发过程中, 每个页面务必都要引入, 文件包含reset及头部底部样式, 此文件不可随意修改;3. class与id的使用: id是唯一的并是父级的, class是可以重复的并是子级的, 所以id仅使用在大的模块上, class可用在重复使用率高及子级中; id...

高效整洁CSS代码原则【转载】

CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：　　1. 使用Reset但并非全局Reset　　不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：鞍山治疗牛皮癣的医院www.0412n.com　　*{ margin:0; padding:0; }　　这不仅仅因为...

【代码片段】CSS3 渐变（CSS3 Gradients）【代码】

background-color: #000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#bbb‘, endColorstr=‘#000‘); background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#000)); background-image: -webkit-linear-gradient(top, #bbb, #000); background-image: -moz-linear-gradient(top, #bbb, #000); background-image: -ms-linear-gradient(top, #bbb, #000); background-image...

24款较经典的Page翻页分页css代码【代码】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta http-equiv="Content-Language" content="zh-CN"/><meta content="all" name="robots"/><title>24款较经典的Page翻页分页css代码丨电表控制器丨石家庄苗木</title><lin...

DIV CSS常用的网页布局代码

单行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;}两行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;} #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-end{margin-left:auto;margin-right:auto;width:400px;width:370px;}三行一列以下是引用片段：body{margin:0px;...

简单CSS3代码实现立方体以及3D骰子【图】

1 实现3D立方体首先准备好UL以及6个Li；代码如下ul { position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%) // 以上代码主要是使ul居中而已 transform-style: preserve-3d; // 使子元素保留其3D视角-webkit-perspective: 0; //视距离，默认值为0 } li { width: 200px; height: 200px; position: absolute; ...

五条准则帮你写出可维护的css代码

一、在样式表开头添加一个注释块，用以描述这个样式表的创建日期、创建者、标记等备注信息。复制代码代码如下:Example Source Code： /* --------------------------------- Site: Site name Author: 52CSS.com Updated: Date and time Updated by: Name --------------------------------- */ 二、包括公用颜色标记复制代码代码如下:Example Source Code： /* --------------------------------- COLORS Body background: #def4...

CSS3鼠标悬停图片上浮显示描述代码【代码】【图】

效果：http://hovertree.com/texiao/css3/20/效果图：代码如下：<!doctype html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS3鼠标悬停图片上浮显示描述特效 - 何问起</title><base target="_blank"/><link rel="stylesheet" type="text/css" href="http://hovertree.com/texi...

css常用代码【代码】

去除浮动.clearfix:after{content:"",display:block;clear:both; }内盒子模型（之前讲过浏览器默认的是context-box标准盒子模型，但是最好用的还是内盒子模型，内盒子模型的width和height是包括border和padding的，往一个宽高固定的内盒子添加padding和border，本身的width不会改变，是原本的内容区域被减少了）*{box-sizing: border-box; }清洁自带的样式( 只是粗略的做清洁，想要完全清楚默认样式，可以百度 normalize.css )*{pa...

CSS - 技术教程分类

CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class选择器 CSS 创建 CSS Backgrounds(背景) CSS Text(文本) CSS Fonts(字体) CSS 链接(link) CSS 列表 CSS Table(表格) CSS 盒子模型 CSS Border(边框) CSS 轮廓（outline）属性 CSS margin(外边距) CSS padding（填充） CSS 尺寸 (Dimension) CSS Display(显示) CSS Position(定位) CSS Overflow CSS Float（浮动） CSS 对齐 CSS 伪类 CSS 伪元素 CSS 导航栏 CSS 下拉菜单 CSS 提示工具 CSS 图像透明/不透明 CSS 图像拼合技术 CSS 媒体类型 CSS 属性选择器 CSS 表单 CSS 计数器 CSS 网页布局 CSS 总结 CSS 实例 Viewport 媒体查询图片视频(Video) 框架 CSS 参考手册 CSS 选择器 CSS Web安全字体 CSS 动画 CSS 单位 CSS 颜色 CSS 颜色值 css 全部

CSS - 最热教程

设置DIV的背景色有哪几种方法 js批量设置元素样式和封装似于jquery的...HTML5实战与剖析之CSS选择器——getEle...css如何设置文本元素内的空白填充？如何压缩css文件 cssright属性怎么用 cssanimation-timing-function属性怎么...jquery设置内联样式css()jQuery+HTML5+CSS3制作支持响应式布局时...jquery实现动态改变css样式的方法分析