css的框架——global.css

global.css,一般这个css文件是用于装全站主要框架css样式代码。

“global”翻译为全局、全部。从翻译中大家也能理解global.css用于做什么。大站常常用于装全站公共的CSS样式选择器。

全站能重复调用的CSS样式都放入此CSS文件内,可以节约样式代码、规范、有利于调用辨别。同时日后修改全站某处相同地方时候,由于全站公共部分样式集中于此global.css文件内,所以修改此文件内对应一处CSS样式即可完成对全站布局修改,节约时间方便管理。

@charset "utf-8";
/*全局样式*/
body { margin:0 auto; font:normal normal normal 12px/150% Verdana; color:#333; }
ul { list-style:none;margin:0;padding:0;}
dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form { margin:0;padding:0;}
/* 字体设置 */
a,span,em,li,dd,dt,h4,h5,h6 {font:normal normal normal 1em/150% Verdana;}
h1,h2 { font:normal normal bold 1.2em/150% Verdana;}
h3 { font:normal normal bold 1em/150% Verdana;}
h4 { font:normal normal normal 1em/150% Verdana;}
/* 其它 */
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

其实跟base.css也差不多,只是各司其职而已。

当然也会出现其他的css,例如layout.css // 管理页面的布局,typeset.css // 图文的编排与,color.css // 统一管理颜色的搭配,print.css // 打印效果样式,ie.css // 把对ie的hack单独分开,header.css // 头部的所有样式,container.css // 除头部/底部外的中间区域样式,footer.css // 底部样式。

css的框架——global.css,布布扣,bubuko.com

时间: 2024-11-02 21:38:55

css的框架——global.css的相关文章

css的框架——common.css

@charset "utf-8"; /* 字体 */ .n{ font-weight:normal; font-style:normal; } .b{font-weight:bold;} .i{font-style:italic;} .fa{font-family:Arial;} .fs{font-family:'宋体';} .fw{font-family:'微软雅黑';} .fg{font-family:Georgia;} .ft{font-family:Tahoma;} .fl{f

分享一个CSS+JavaScript框架materializecss

一.内容: CSS+JavaScript框架materializecss. 二.网址:http://materializecss.com 三.图片:

几种Css前端框架资料

目录:[ -] 1 Twitter Bootstrap 2 Foundation 3 960 Grid System 4 Skeleton 5 99lime HTML KickStart 6 Kube 7 Less Framework 8 Flaminwork 9 G5 Framework 10 Easy Framework 11 Blueprint 12 YAML 13 BlueTrip 14 YUI CSS 15 Elements 17 elastiCSS 18 Boilerplate 19

关于CSS基础框架的学习

什么是CSS基础框架? CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版.网格布局.表单样式.通用规则等代码块,用于简化web前端开发的工作,提高工作效率. 为什么需要研究和使用它? 在当前浏览器很多 而且各有差异的情况下 如何统一样式 兼容大部分浏览器是很有必要的 从具象的表现中抽出抽象的模块来重复使用,是减少用户下载.方便团队及个人开发最重要的手段.所以CSS框架就很有必要了 现在有哪些比较著名的框架? 960gs 960 像素的页面宽度似乎成为了一种设计标准,在当

html css js 框架

html css js 框架 Bootstrap http://www.bootcss.com/ http://www.cnblogs.com/aehyok/p/3404867.html          入门资料 http://isotope.metafizzy.co/#install

global.css

@charset "utf-8";  /* 2014.7.29 By ILoveXiaoming */article,aside,audio,bdi,canvas,command,datalist,details,figcaption,figure,footer,header,hgroup,keygen,mark,meter,nav,output,progress,rp,rt,ruby,section,source,summary,time,track,video,title{ dis

CSS3动画框架 Animate.css

CSS3的动画应用越来越多了,Animate.css一个从名字上就知道干什么的动画框架. github上的访问地址:http://daneden.github.io/animate.css/ 使用方法 引用css <link rel="stylesheet" href="animate.min.css" /> 然后在需要动画效果的元素上添加animated和网页上显示的API的名字即可,比如: <div class="animated b

jQuery系列 第三章 jQuery框架操作CSS

第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScript设置标签的样式相对来说比较麻烦,而如果需要批量的设置多个标签的样式那需要写很多代码,使用jQuery可以为我们简化该过程.     使用原生的方式来设置标签的样式(代码示例) 1 <body> 2 <div>我是div标签</div> 3 <button id=

normalize.css使用方法,normalize.css下载

来,让我们谈一谈 Normalize.css Nov 18, 2014 - 浏览量:22,046次 | Normalize.css CSS 本文译自Normalize.css官网: http://nicolasgallagher.com/about-normalize-css/ Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性.相比于传统的CSS reset,Normalize.css是一种现代的.为HTML5准备的优质替代方案.No