关于YUI-CSS

YUI-css的优点

1.css文件中类选择器,id选择器等命名整齐且意义明确。方便多次调用和修改。

2.格式整齐,注释明确,具有较强的可读性。


YUI CSS框架使用

Reset:Reset用来消除各种浏览器之间对HTML元素样式表现的差异,从而提供一致的样式。
Base:因为Reset去除了浏览器提供的默认样式,但是在使用中通常希望为HTML元素保留它原本应该有的一些样式,比如H1元素的字体大小等,而Base就是为此准备的,在使用Reset消除了浏览器默认样式,使用Base就可以使HTML元素在A级浏览器中获得一致的表现。
Font:Font提供跨浏览器的字体样式和控制。
Grid:Grid主要用来进行布局,提供了四种页面宽度和六种布局模板,并且可以通过堆叠和嵌套组合出成百上千种页面布局。


Reset

如果准备使用reset css 文件。非常推荐你深入的看看reset css 即使不使用YUI。每一个浏览器都有自己默认的设置。当浏览器在元素的margins,line-heights,padding这些赋值的时候。如果时刻都写入布局中,网站会显得很粗糙。
这个reset方式很简单,并且极其的好用。它覆盖了所有浏览器的默认值,并且使各个浏览器都使用同样的数值。大量的使用 *{margin:0;padding:0}的时代已经过去了。使用reset可以更加的深入程序逻辑中。


Font

font这个部分让浏览器中的所有的元素的单位为em。font所作也是一样,覆盖掉浏览器中无关紧要的默认的font设置。这个意味着YAHOO 提供了推荐的方式方便定义你的font数值大小。3.9.1开始采用百分比作为字体大小的标准。


Grid

YUI 2.9.0标准与3.9.1标准有较大的区别。2.9.0标准更趋于完整的给予参照者一个完整的css布局。
提供了四种页面宽度和六种布局模板,并且可以通过堆叠和嵌套组合出成百上千种页面布局。
而3.9.1标准则是简化了这一个布局,更在意是否能够使使用者方便快捷的上手。提供了更多的28中模块宽度。


Normalize

YUI 3.9.1还提供了另一个css文件Normalize,一种流行的CSSReset + CSSBase组合。传统的重置目标移除所有HTML元素的风格,并提供一个“空白”。另一方面,Normalize.css保存有用的默认和试图标准化风格在不同的浏览器,而不是删除样式。如果浏览器不遵守标准样式,规范化的目的是修改他们的风格一致。


文中对YUI-CSS的理解更多的是个人使用时的一些粗浅的理解,在我的下载区相应的附上了自己整理的YUI-Css包供各位下载。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值