`
rockyuse
  • 浏览: 195410 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

css的base文件

 
阅读更多
 /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
html{ color:#000; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ margin:0; padding:0;}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{ font:12px/1.5 tahoma,arial,\5b8b\4f53;}

input,select,textarea{ font-size:100%;}

/* 去掉各Table cell 的边距并让其边重合 */
table{ border-collapse:collapse;border-spacing:0;}

/* IE bug fixed: th 不继承 text-align*/
th{ text-align:inherit;}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th { text-align:left; }

/* 去除默认边框 */
fieldset,img{ border:0;}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe{ display:block;}

/* 去掉列表前的标识, li 会继承 */
ol,ul,li{ list-style:none;}

/* 一致的 del 样式 */
del{ text-decoration:line-through; }

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500;}

q:before,q:after {content:'';}

/* 统一上标和下标 */
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* 默认不显示下划线,保持页面简洁 */
ins,a{ text-decoration:none;}

/* 清理浮动 */
.clearFloat:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearFloat{ zoom:1; /* for IE6 IE7 */}

/* 设置内联, 减少浮动带来的bug */
.floatLeft, .floatRight{ display:inline;}
.floatLeft{ float:left;}
.floatRight{ float:right;}


/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video{ display: inline-block;*display: inline;*zoom: 1;}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym{ border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:500;}



body{ color:#333;}
a{ color:#00A0E9;}
a:hover{ color:#FF6600;}

 

 

html{ color:#000; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ margin:0; padding:0;}
body,button,input,select,textarea{ font:12px/1.5 tahoma,arial,\5b8b\4f53;}
input,select,textarea{ font-size:100%;}
table{ border-collapse:collapse;border-spacing:0;}
th{ text-align:inherit;}
caption,th { text-align:left; }
fieldset,img{ border:0;}
iframe{ display:block;}
ol,ul,li{ list-style:none;}
del{ text-decoration:line-through; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500;}
q:before,q:after {content:'';}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
ins,a{ text-decoration:none;}
.clearFloat:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearFloat{ zoom:1;}
.floatLeft, .floatRight{ display:inline;}
.floatLeft{ float:left;}
.floatRight{ float:right;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
audio,canvas,video{ display:inline-block; *display:inline; *zoom:1;}
abbr,acronym{ border:0; font-variant:normal;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:500;}
body{ color:#333;}
a{ color:#00A0E9;}
a:hover{ color:#FF6600;}

 

 

 

 

html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}th{text-align:inherit}fieldset,img,a img{border:0}iframe{display:block}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sup{vertical-align:text-top}sub{vertical-align:text-bottom}a:hover{text-decoration:underline}ins,a{text-decoration:none}.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.fn-clear{zoom:1}body.fn-hide{display:none}.fn-left,.fn-right{display:inline}.fn-left{float:left}.fn-right{float:right}

 

分享到:
评论

相关推荐

    常用基本样式base.css

    常用基本样式,提高css样式的复用性,少写许多复用的样式。

    Css图片与Base64互转工具

    1. **图片转Base64**: 用户上传一个或多个图像文件,工具会生成相应的Base64编码,可以直接复制粘贴到CSS代码中。 2. **Base64转图片**: 提供已编码的Base64字符串,工具可以将其解码并保存为本地图像文件。 3. **...

    base.user.css

    Markdown笔记前端人员使用的做笔记的软件 插件

    base.user.css中的typora的主题文件

    可以进行自定义样式,方便查看

    Css图片与Base64互转工具 v1.0.rar

    2.还原的图片保存到相应的CSS同级目录下的【CssBase64ToImg】文件夹里 命令行使用方法(请使用绝对路径): CssImgBase64 E:\1.png 或 CssImgBase64 "E:\1.png" CssImgBase64 E:\1.css 或 CssImgBase64 "E:\1.css" ...

    Css图片与Base64互转工具.

    这个工具可以将一个图片文件转换为Base64字符串,这样可以将其直接防止到CSS中,或者存储倒数据库中,而不需要保存文件在服务器的磁盘上。

    base-css:基本CSS-仅用一个文件创建CSS结构

    标题"base-css:基本CSS-仅用一个文件创建CSS结构"揭示了该项目的核心理念,即用一个单独的CSS文件来定义所有必要的基础样式,这样可以降低维护成本,提高页面加载速度,并且使得代码更加整洁有序。这种方法在小规模...

    css-base64-images:CSS文件中的Base64图像

    css文件中的Base64图像。 转换此: .single-quote { background: url('../img/background-pattern.gif'); } 进入 .single-quote { background: url([removed]R0lGODlhBgAGAIAAAObm5vLy8iH/C1hNUCBEYXRhWE1QPD...

    nginx 部署 vue 项目找不到js css文件的解决方法

    在使用nginx部署Vue项目时,有时候会遇到找不到JavaScript和CSS文件的问题。这主要是因为Webpack在构建过程中生成的静态资源引用路径不正确。本文将详细介绍解决这一问题的方法,主要包括vue-cli@3的配置方式和vue-...

    文件转化为base64字符串

    2. **HTTP传输**:在HTTP头中发送非文本数据(如图片、CSS或JavaScript文件)时,可以通过Base64编码实现。 3. **配置文件**:在某些配置文件中,如JSON或XML,Base64编码可用于存储二进制数据。 4. **源代码中嵌入...

    Base64文件图片双向转换预览工具-下载

    在互联网上传输图片时,通常会将图片文件(如JPEG、PNG等)转换为Base64字符串,这样它们就可以嵌入到HTML或CSS中,而无需额外的HTTP请求。这在某些情况下可以提高页面加载速度,例如在内联CSS中使用背景图片。 **...

    CSS中基代码base.css一览

    CSS的base.css文件,是前端开发中非常实用的一种模式,它通常包含了一系列基本的CSS重置规则。这些规则的目的是消除不同浏览器对于HTML元素默认样式的一致性问题,提供一个统一的样式基准。这意味着开发人员在进行...

    编写高质量代码—Web前端开发修炼之道base.css

    《编写高质量代码—Web前端开发修炼之道》中的base.css文件,手打的,挺实用的,建议大家使用

    Base64编码文件URL

    可以把任意文件通过Base64编码为URL的形式 通常用于CSS链接图片 例如div{backgroud:url data:xxx ;} xxx代表通过该工具编码后的结果 而不需要链接到一个图片地址 这样可以减少http请求

    svg转css,css转svg,svg与css互相转换并压缩

    同时,理解文件压缩原理和方法,如Base64编码和CSS minification,有助于减少资源占用,提升网站加载速度。对于JavaScript工具包的使用,开发者需要阅读相关文档,学习如何正确集成和使用这些工具,以满足项目需求。

    图片文件与Base64编码字节数组字符串互转

    这种转换在不直接使用图片文件路径或URL,而是将图片数据嵌入到HTML、CSS或JavaScript中时非常有用。下面我们将详细探讨这个主题。 Base64是一种用于将任意二进制数据转换为ASCII字符集的方法,以便可以在电子邮件...

    基于Android的base.css

    base.css适合文件损坏的人下载

    VB任意图像转换为Base64文本

    Base64是一种用于将二进制数据编码为ASCII字符串的方法,使得这些数据可以在电子邮件等文本环境中传输,或者嵌入到HTML或CSS中。以下是关于这个主题的详细知识: 1. **Base64编码原理**: Base64编码是通过将每3个...

    CSS 图片下载器CSS图片下载器

    1. **代码膨胀**:base64编码的图片会使CSS文件增大,如果图片过大,可能导致CSS文件过于臃肿,影响加载速度。 2. **缓存策略**:base64编码的图片无法利用浏览器的缓存策略,可能对缓存友好的网站设计产生影响。 3....

Global site tag (gtag.js) - Google Analytics