DIV教程之创立CSS的工具 使CSS工具的粒度符合
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。破洛洛文章简介:创立CSS的工具使CSS工具的粒度符合.
倔强的把CSS和HTML塞到PHP内里能够避免代码太单调(DRY)并终极招致代码痴肥,由于的CSS和HTML必要比PHP更仔细的工具布局。现实上,PHP的模板不是生成符合的,由于每一个模板包括了很多分歧的HTML,和以分歧的体例相分离的CSS工具。
然后,我并没有注释它,大概给出得当的语境。抱愧!
准确的粒度是减小CSS的关头之一
在PHP层,上面的会话流(来自Facebook)也许是一个单个工具。一切的检测哪些HTML要显现大概埋没的逻辑都包括在一个工具布局中。
一个Facebook会话流
一般,开辟职员实验使这个CSS的婚配中端(介于前端和后端?)逻辑。我们希冀用于这个会话流的一切的CSS代码都包括在一个由ID包裹的沙盒内,好比#story。这将闭幕痴肥而单调的代码。为何呢?由于CSS层的得当的布局加倍细化(粒度更小)。实在,试图在PHP层中赐与CSS布局就像是试图利用数据库架构来设置Apache一样。这是行欠亨的。
会话流有良多更小(更仔细)的工具构成
因而,我们能够看到,下面的会话流是由很多更小的工具构成的。当我们让工具更细化(颗粒更小),我们就会入手下手看到一样的形式重复呈现,然后一样的工具变得更可重用。我们入手下手看到在互联网上的年夜多半网站都是由不异的基础反复的形式以分歧的体例分离起来的。作为一个附带优点,CSS会变得体积更小,更复杂。
这个会话流,一个PHP工具,是由几个HTML和CSS的工具构成的:
1个题目
5个媒体块
2个链接款式
1个批评列表
1个举措列表
1个段落
这类办法的优点?
使CSS工具的粒度符合意味着我们的CSS(嗯,推而广之,我们的HTML)变得更复杂、更轻。我们的小小的可重用的工具能够在全部网站上用来创立新的和分歧的页面,而不必再增添css的巨细。
作为一个出发点,我倡议您创立以下工具:题目、列表、笔墨处置和链接、容器、媒体、网格和模板。在做全部页面之前,先创立你的一切最小的工具,然后你的CSS将天然的坚持很小。
本文译自:HowtocreateCSSobjects?Getthegranularityright!
原NicoleSullivan
中文原文:怎样创立CSS的工具?猎取符合的粒度!
请尊敬版权,转载请说明出处,多谢!VN:F</p>
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。 不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
页:
[1]