一、YUI简介（了解内容）

参考自YUI学习笔记 – CSS Rest、Base、Font以及Grid

YUI首页

YUI不仅为我们提供了一个强大的JS框架，同时还提供了几个CSS的框架，分别是Reset、Base、Font以及Grid。通过在页面中引用这几个CSS，可以让我们的前端开发工作事半功倍，达到快速将美工图转化为实际产品、并且能够保证在绝大多数浏览器上的正常表现。今天我们就来了解一下这几个CSS。

1、YUI3 Css Reset

做过前端的朋友都知道，目前众多的浏览器，对于HTML的解析并不是完全一样。比如 li ，这个元素默认的样式在IE和Firefox中就不一样。Css Reset 就是为了消除这种不同元素在各个浏览器下的不同而设计的。这样，我们在 Build 我们的页面的时候，就是建立在一个完全一致的基础上，能够非常方便的让我们按照自己的想法去进行排版布局。通过这个例子我们可以看到，使用了 Css Reset之后的样式会是什么样的。

YUI3的Css Reset还提供了局部的Reset样式的功能，在我们想对某一容器内的元素（而不是整个页面）进行样式统一时使用。

2、YUI3 Css Base

Css Base是一个补充YUI的核心CSS框架的文件，Css Base 为符合 A-Grade Browsers的浏览器提供了一个标准的基础。这个文件也可以作为我们扩展自己CSS框架的基础。同样Css Base也有全局（Global）和局部（Contextual）的选择。

3、YUI3 Css Fonts

Css Fonts保证了跨浏览器的字体一致，即使在用户对字体进行调整情况下也是如此。不管是标准模式（Standard）还是怪异模式（Quirks），只要是A-Grade Browsers 都支持。

4、YUI3 Css Grids。

Css Grids 提供了一套基本的、简单的布局系统。我们使用CSS进行布局时，不需要再为两栏、三栏以及各种分栏形式而烦恼，使用Css Grids可以快速的实现。YUI3 Css Grids中对于命名规则进行了改变，这与YUI2 Css Grids中有很大的不同。不过基本原理还是一样的熟悉了任何一个，就能够方便快速的进行页面的布局。Css Reset、Css Font、Css Grids三个合起来，构成了YUI CSS的一个核心。我们可以一次将这三个文件引入进来。当然，现在YUI3的Css Grids还在Beta阶段，还不是太完善，如果我们需要一个成熟的解决方案，可以考虑使用YUI2的Css Grids，使用YUI2的Css Grids并不会影响我们使用YUI3的框架，他只是一个样式表嘛

CSS YUI reset相关推荐

雅虎清除样式库：百度yui reset
雅虎清除样式库:百度yui reset http://yuilibrary.com/yui/docs/cssreset/ http://yui.yahooapis.com/3.18.1/build/c ...
[css] 解释下为什么css的reset不建议直接这么写：*{ margin:0； padding:0；}？
[css] 解释下为什么css的reset不建议直接这么写:*{ margin:0; padding:0;}? 1.*为通配符,使用通配符,即全局范围遍历,耗费浏览器效率,增大负荷: 2.会影响后面的 ...
Normalize.css和Reset CSS有什么区别？
我知道CSS重置是什么,但是最近我听说了这个叫做Normalize.css的新东西. Normalize.css和Reset CSS有什么区别? 标准化CSS和重置CSS有什么区别? CSS重置只是一 ...
css中reset属性详解,css中如何使用counter-reset属性
css中如何使用counter-reset属性发布时间:2020-09-23 14:26:58 来源:亿速云阅读:83 作者:小新这篇文章主要介绍css中如何使用counter-reset属性, ...
如何写出兼容大部分浏览器的CSS 代码
前阵子一直在从事b/s 项目的开发,在css 方面有一些心得体会,特写来与大家分享,欢迎大家评论,不过请勿人身攻击啊,因为在前几年我也写过一篇文章:[原]兼容浏览器的布局CSS心得体会楼下有很多人的 ...
web前端面试题之肉（css）
CSS复习 HTML 复习 HTML版本 HTML4/4.01(SGML) 超级xml(可扩展标记语言) XHTML(XML) 要求严格,所有的标签.属性小写,属性必须要有值 HTML5 HTML4 ...
Yahoo javascript 开源界面库YUI 和EXT
清清月儿整理 [yui][译]Yahoo!User Interface Libray 介绍 Yahoo! User Interface Library(简称yui) 是一个使用JavaScript编写 ...
高效整洁CSS代码原则
CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则: 1. 使用Reset但并非全局Re ...
写出完美CSS代码的5个重要方面
每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了.我在博客中也一直与大家讨论,学习CSS编码与CSS技巧.但是CSS还可以更好吗?开始用这5个Tips改进你的CSS吧! 一.关于 CS ...
10个值得关注的优秀CSS框架
大多数做过网页设计的都知道"CSS框架",而且肯定有很多设计师已经开始在作品中使用CSS框架. 就像其他编程语言一样,CSS也可以把一些重复使用的代码整合起来,这样可以减轻很多的工 ...

CSS YUI reset