YUI CSS 框架.docVIP

  1. 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
最近加入了一个GAE的项目cpedialog,该项目的前端布局采用YUI Grid CSS,我就顺便看了一下,YUI Grid CSS设计的非常优雅,思路非常清晰,打算使用CSS+DIV做网站布局的兄弟非常值得一看。下面我把我记录的一些要点列出来,便于我以后查阅,同时算是抛砖引玉吧。项目详情请参见 YUI Grid CSS 引入CSS 文件,这里yahoo提供了共用的css host文件,如果很多网站都使用yahoo host的js ,css,那么这些css,js将仅加载一次,有利于提高浏览速度 Html代码 !DOCTYPE?HTML?PUBLIC?-//W3C//DTD?HTML?4.01//EN?? ?? ????/TR/html4/strict.dtd? ?? ????html? ?? ????head? ?? ????????titleYUI?Grids?CSS?/title? ?? ????????!--?Source?File?--? ?? ????????link?rel=stylesheet?type=text/css?href=/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css? ?? /head??? !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN /TR/html4/strict.dtd html head titleYUI Grids CSS /title !-- Source File -- link rel=stylesheet type=text/css href=/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css /head YUI Grid CSS建议把网站整体划分为3打部分,header, body, footer,并且这三部分放在一个大的div里,这三大部分使用id selector来做定义。Html代码 !DOCTYPE?HTML?PUBLIC?-//W3C//DTD?HTML?4.01//EN?/TR/html4/strict.dtd?? html?? head?? ????titleYUI?Grids?CSS?/title?? ????!--?Source?File?--?? ????link?rel=stylesheet?type=text/css?href=reset-fonts-grids.css?? /head?? body?? div?id=doc?? ???div?id=hd!--?header?--/div? ?? ???div?id=bd!--?body?--/div? ?? ???div?id=ft!--?footer?--/div? ?? /div?? /body?? /html?? !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN /TR/html4/strict.dtd html head titleYUI Grids CSS /title !-- Source File -- link rel=stylesheet type=text/css href=reset-fonts-grids.css /head body div id=doc div id=hd!-- header --/div div id=bd!-- body --/div div id=ft!-- footer --/div /div /body /html ?YUI Grid CSS为最外侧的div预先设置了4个宽度,分别是750px, 950px, 100%, 974px,可以通过改变最外侧div的id来改变它的宽度,同时用户还可以根据自己的需要自己定义最外侧div的宽度 Html代码 !--?#doc?=?750px?width,?centered--?? div?id=doc/div?? ?? !--?#doc2?=?950px?width,?centered?--?? div?id=doc2/div?? ?? !--?#doc3?=?100%?width?--?? div?id=doc3/div?? ?? !--?#doc4?=?974px?width,?centered?--?? div?id=doc4/div?? !-- #doc = 750px width, centered-- div id=doc/div !-- #doc2 = 950px width, centered -- d

文档评论(0)

tcpe + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档