全局CSS初始化

@charset "utf-8";

/* reset.css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, acronym, address,big, cite, code, del, dfn, em, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup,tt, var, b, u, i, center, div, dl, dt, dd, ol, ul,li, fieldset, form, label, legend, table,caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;}
a{outline: none;color:#666;text-decoration:none;star:expression(this.onFocus=this.blur());}
body{font-size: 12px;font-family: "Microsoft YaHei", "Arial", "Helvetica", "Simsun";background: #fafafa;color: #666;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
img {border:none;}
ul, li{list-style:none;}
input, textarea, select{border: 1px solid #ccc;border-radius: 3px;}
input:focus, textarea:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus{outline: none;}
input[type="radio"], input[type="checkbox"]{border: none;}
input[type="button"], input[type="submit"], input[type="image"]{cursor: pointer;}
input::-ms-clear, input::-ms-reveal{display: none;}
table, th, td {border-collapse: collapse;}
textarea{resize: none;}

/* general.css */
.clearfix, .clear{*zoom: 1;}
.clearfix:after, .cf:after{display: block;clear: both;height: 0;content: ‘‘;}
.fl{float: left;}
.fr{float: right;}
.show{display: block}
.hide{display: none}
时间: 2025-02-01 04:03:50

全局CSS初始化的相关文章

css全局样式初始化

因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异. 当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化. *最简单的初始化方法就是(不建议): {padding: 0; margin: 0;} 淘宝的样式初始化: body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldse

css初始化代码方案 ——转

为什么要初始化CSS? CSS初始化是指重设浏览器的样式(即reset.css).不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一.如果没对CSS初始化往往会出现浏览器之间的页面差异.每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确,使得我们开发网页内容时更加方便简洁,同时减少CSS代码量,节约网页下载时间. 为了消除各浏览器对css默认的设置,保持网页在各浏览器中的外观保持一致,初始化css就显得非常必要了!很多

css初始化代码方案

为了消除各浏览器对css默认的设置,保持网页在各浏览器中的外观保持一致,初始化css就显得非常必要了!很多时候出现的样式不兼容问题,都可以通过css初始化代码来解决.下面列举常用的一些方案: 1.最耗资源的,最简单的 * { padding: 0; margin: 0; border: 0; } 2.选择性初始化举例(综合) body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button form,fieldset,inpu

css初始化重置

在网上找了很久,有结合自己做的 @charset 'UTF-8'; /* document : css初始化 重复class类 Created on : 2017-07-13 Author : Description: css样式表的初始化,全局样式设置 */ html,body,div,ul,ol,li,p,a,i,em,img,form,input,textarea,h1,h2,h3,h4,h5,h6,::before,::after { margin: 0; padding: 0; -we

CSS.04 -- 浮动float、overflow、定位position、CSS初始化

标准流:行内/行内块元素横向有序排列 : 块元素纵向有序排列. 浮动:Float 语法:float:left/right :  设置浮动的元素,脱离标准流 可能的值 描述 left 元素向左浮动. right 元素向右浮动 none 默认值,元素不浮动,并会显示在其在文本中出现的位置 inherit 规定应该从父元素继承float属性的值   特点:浮动找浮动,不浮动找不浮动 浮动只影响后面的元素 浮动以元素顶部为基准对齐 浮动可是实现模式转换(span设置浮动可以设置宽高 ) 让块级元素在一行

浏览器默认标签样式总结及css初始化程序

html中的大部分的标签都有一些糟糕的样式,有的是标签天然自带的,有的是浏览器默认设置的,我们在写网页时,这些默认的样式就会时不时的跳出来捣一下乱,搞得我们很是无奈.所以成手在写css样式时,一般都会在开头写一段初始化程序,来去掉这些默认样式,比如最简单的方法就是使用*{margin:0:padding:0:}.但是通常我们很少使用这种方法,因为通配符*的效率极低.那我们应该使用哪种方法呢,下面博主就来为大家介绍一些常用的方法. 一.浏览器默认样式总结 在介绍初始化程序之前,我们先了解一下都有那

自学html-four(css初始化及html语义标签 -> h标签 p标签 img标签 有序列表 无序列表 表格 超链接)

一.css初始化 现在我们来做一个简单的测试,测试步骤如下: 1.编写代码如下: 2.把改程序用不同的浏览器打开我们会发现同一份代码在不同的浏览器中的显示会有略微的差别: 360浏览器下显示效果图: 火狐浏览器下显示的效果图: 同一份代码在不同浏览器显示的效果存在差异的原因是:各浏览器对各元素的margin,border,font-size等的初始设置略有不同 解决方法:通过css强制让所有元素的属性值都一样 这里提供一段雅虎工程师css初始化代码,直接拷贝到css位置就可以了,body,div

第10天:CSS初始化操作

在写页面过程中,每个浏览器都会有默认样式,为了避免浏览器的样式兼容问题,我们会在样式开始部分对常用标签进行重置样式.这样我们在写样式时,就不会有误差.常用的CSS标签初始化如下: @charset "UTF-8"; /*css 初始化 */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } fieldset

css初始化

1 /*css 初始化 */ 2 html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } 3 fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; } 4 ul, ol { list-style:none; } 5