reset.css 文件

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { background:#fff; color:#555; font-size:14px; font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }td,th,caption { font-size:14px; }h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}a { color:#555; text-decoration:none; }a:hover { text-decoration:underline; }img { border:none; }ol,ul,li { list-style:none; }input, textarea, select, button { font:14px "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }table { border-collapse:collapse; }html {overflow-y: scroll;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}.clearfix { *zoom:1; }/*公共类*/.fl { float:left}.fr {float:right}.al {text-align:left}.ac {text-align:center}.ar {text-align:right}.hide {display:none}

原文地址:https://www.cnblogs.com/langqq/p/9510750.html

时间: 2024-08-10 06:05:29

reset.css 文件的相关文章

2.reset.css文件

重置CSS样式: 1 /* http://meyerweb.com/eric/tools/css/reset/ 2 v2.0 | 20110126 3 License: none (public domain) 4 */ 5 6 html, 7 body, 8 div, 9 span, 10 applet, 11 object, 12 iframe, 13 h1, 14 h2, 15 h3, 16 h4, 17 h5, 18 h6, 19 p, 20 blockquote, 21 pre, 22

项目中经常用到的reset.css文件

html,body{width:100%; height: auto;} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} header, footer, article, aside, nav, section,dialog, figure, legend{display: block;} html,body,header,main,footer, div,ul,li,h1,h2,

bootstrap在reset.css文件中设置margin为0,因此其他的标签需要重新设计margin。

1.h <h>标签和普通使用方法一样. 定义了.h1~.h6六个类名,样式和标题样式一样. 副标题用<small>标签指出,必须包含在h标签内. <h1>Bootstrap标题一</h1> <div class="h1">Bootstrap标题一</div> <h1>Bootstrap标题一<small>我是副标题</small></h1> 2.p 定义<bod

less和reset.css的引用及首页活动、商品推荐模块的建立及flex布局

?记在前面 人生最大的希望在于:自己值得自己等待 先打开运行项目: 一.less和reset.css的使用 1.less的引用: 安装less和less-loader(之前补充过了)传送地址:https://www.cnblogs.com/crystral/p/9117161.html 2.reset.css的引用 ①去这个网站(https://cssreset.com/)下载一个reset.css文件,然后copy到src目录下: (这个我没有下载下来,点击没反应,所以去老师那里copy了一份

CSS重置默认样式reset.css代码模板

   由于各大浏览器存在兼容性问题,同一个CSS属性在不同浏览器下的表现不一定相同,有经验的前端设计者都会自定义一个重置浏览器样式的CSS文件,在这个文件中定义一些针对不同的浏览器最终表现出一致的代码,大家最熟悉的也许就是* {margin:0 0}了,其实这是最简单的兼容性的代码,一般情况下,仅有这个是不够的,因此笔者收集了几个前端设计网站使用的reset.css代码模板,如果需要你可以复制这些代码保存为reset.css文件,然后引用在所需的html文件中即可. 注意:您可以根据您自己的实际

css文件分类

简介 CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中.HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义. 作为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码,造成这些困难的很大原因源于 CSS

php gizp压缩传输js和css文件

1. [代码][PHP]代码    <?php     /**     *  完整调用示例:     *  1.combine.php?t=j&b=public&fs=jslib.jquery,function     *       *  该例子调用的是网站根目录下的public/jslib/jquery.js和public/function.js      *       *  2.combine.php?t=j&fs=jslib.jquery,function     

CSS重置 reset.css

1. [文件] reset.css ~/*------------------------------------------* site:ifnoif.net* Style author:ifnoif* updated date:2014.08.13------------------------------------------*/ body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer {    marg

js 根据屏幕大小调用不同的css文件

原因:屏幕大小不一样,网站看起来总觉得怪怪的,所以,针对不同大小的屏幕,写了不同的css,写完了,要解决的问题就是:怎么根据屏幕的大小来引用不同的CSS,下面就是解决方法了. 解决方法:首先,在head标签里面先引用一个通用的CSS文件,如下: <link href="Styles/Style.css" id="css" rel="stylesheet" type="text/css" /> 这时候,你会发现,这个