值得深入研究的css框架-讲稿

今天整理电脑将居然将2009年的一次视频直播课程的讲稿翻了出来，本想一删了事，觉得对不起当年听课的学生（特意整理后发给我的），索性贴出来 看到了也是个念想。

---------------------------------------------------------------

大家好 我是吕海鹏 来自哈尔滨瑞杰软件培训学校  欢迎大家参加 csdn学生大本营的在线讲堂，
今天我与大家分享的课程是---值得深入研究的css框架 第一讲css框架入门

通过本次课的学习
我们可以对css框架有一个概要的了解，并且掌握blueprint css框架的基本应用

 

“框架”是  近几年在程序开发中  一个非常火的词。

YUI、JQuery、Prototype这些javascript框架在开发网站时，
javascript jQuery
微软的 .Net framework
java的 struts spring hibernate
php zend
等等 多的记不过来 也数不过来

框架      好像还没有统一的定义解释

这里仅按我的一个理解做个解释

 就是 一组构建好的有依赖控制关系的，可重用的组件或构件，是可被开发者定制的应用骨架。

css框架
    就是这样一些css样式的集合 一些事先定义好可以复用的通用样式

 既然是样式的集合

 我们应用css框架和我们原来编写的css在本质上是一样的

最初我们设计网页时只是用css定义文字颜色、内容排版，慢慢到现在所有的页面效果我们都用css来处理。

如果做过很多次的开发工作以后， 有过相关开发经验的程序员 都会发现
在网页设计中有很多样式会被重复 多次使用的，
如果将这些 内容 提取出来 封装成一些模块 来重复使用
显然会 是减少用户下载、方便团队开发 提高开发效率

 

这个世界 能量守恒的 有一利就有一弊

优点 提高了开发效率 解决浏览器兼容性问题
缺点  提高了学习成本

 

--如果说
css是我们平时 的一些重复内容 的 一个高度抽象 的话

css框架到底能帮我们做什么呢
综合研究css框架和css应用 会发现
我们用css主要做这几件事

比如说：ul在Firefox下有个padding值， 却没有margin值；而在IE下正好相反，ul有个margin值， 却没有

padding值。

 

less sass

 

 

网格设计的主要方法是将页面水平分解成（均等的）N份，可以称为N列或者是N卷，比如，常用的是分解成四列：

 

利用ie的注释调用ie.css的hack文件
<!--[if lt IE 8]>
  <link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection">
<![endif]-->

利用css调用打印样式
@import url(blueprintFramework/print.css) print;

dl边框 #a9cee1
   dd背景 #f2f6fb

 

Blueprint框架的快速开发工具

官方网址：http://toki-woki.net/p/Boks/
(代理网站访问
http://www.faiproxy.com/index.php?q=aHR0cDovL3Rva2ktd29raS5uZXQvcC9Cb2tzLw%3D%3D&hl=3ed )

air
http://get.adobe.com/cn/air/

该工具需要 Adobe AIR 的支持。下载地址： http://www.adobe.com/cn/products/air/