来讲讲：CSS教程:编写易于办理的css
在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。网页制造poluoluo文章简介：关于css办理优化的切磋。
愈来愈多的年夜型网站入手下手存眷、利用css，关于办理多个庞大css文件明显是有贰言的。上面是二系列内容中的第一部分，第一部分我们存眷关于办理款式的概念，并在其基本上总结出可行的计划。第二部分我们将对以上结论举行对照。
壮大的css手艺比来几年已被普遍推行了。感激Wiredredesign(和厥后的highprofileredesigns…，更多构造)和CSSZenGarden（禅意花圃）。
除此以外，有愈来愈多的计划师增强了关于css的进修，并经由过程进修让事情更简单、复杂，大概他们自己就是？
它简单吗？
一旦有人懂得并利用了css手艺，没有几人以为对网站结构和界说用css会比用table表格有难度。但是，关于办理年夜型静态、庞大的网站款式分明是一个困难的事情。
克制紧缩
再进一步讲之前，我必需廓清一个概念。之前当我写gzippingCSS的文章时，人人经由过程邮件或博客对“假如你的css文件过年夜，你不晓得你应当怎样办时不要猖狂的紧缩它们”宣布了各自的意见。那末，我们看上面列表的同时研讨一下怎样让css文件更小。
称号CSS文件巨细(kb)正文www.mezzoblue.com20KB325行css款式代码www.stopdesign.com42.75KB1200行css款式代码www.wired.com27.28KB1014行css款式代码espn.go.com20.81KB799行css款式代码www.blogger.com26.52KB1200行css款式代码www.travelocity.com31.79KB400行css款式代码以上是使用css结构、界说网站的css文件巨细的具体数据，它是界说全部网站的css文件巨细。每个css标签款式代码独自写一行。
以上彀站的css文件都年夜于20Kb，假如你写的css款式代码到达1000行的话，是不是应当删除代码里的断行、空格，大概你应当处置一下那些年夜而庞大的款式。css文件的巨细是个成绩，关于今后的保护也是个成绩。
可是，当网站上线后，你多久真正办理、保护css那？
关于一些上线后的网站来讲，它们的css基础坚持稳定的。
我晓得在网站呈现成绩之前我不会对网站的css文件举行更新、保护的。我信任Doug网站在他们从头计划改版之前他们也不会对css修改太年夜。像www.travelocity.com网站又会是如何那？或是为了特别的宣扬，你不能不给网站更新一段工夫的内容？
现实上一些网站的css并非刻舟求剑的。关于年夜型网站（大概复杂的网站可是布局庞大的）它们是代码简便、备有正文、构造有序的css文件。
结论：编写易于办理的css
经由过程对以上站点css文件检察，有一件事变变的愈来愈了然了。有几条结论必要我们在一入手下手编写css的时分就应当注重，我们应当怎样编写易于办理、保护的css款式。
1、承继款式、反复使用？
2、你将怎样办理hacks兼容款式？
3、你是不是应将线上css文件优化在一行，而在编写的时分能够多行？
4、为了易于办理保护，你是不是将你的款式文件分为多个文件？（看digital-web,bleach）
我们一同看一下每个结论，并对其举行总结后制订一个可行的计划。
承继与反复使用
Davd在他的“承继与反复使用”文章内里做了具体的剖析。实在承继与反复使用是统一个范围。在那里设置款式必要依据实践项目情形来定。但是在本文所讲的局限内，在办理年夜而庞大的款式时反复使用是常常利用到的。
办理兼容款式
这一概念是对照主要的。当用css搭建网站时，利用兼容款式是不成制止的。IntegratedWebDesign:StrategiesforLong-TermCSSHackManagement是一篇很有效的文章，我以为文章里给我们的三条倡议是对照主要的。
1、对css和兼容款式洞若观火
2、正文、正文、正文
3、接纳准确修复办法
利用以上三条倡议，第一条让我们只管的罕用兼容款式（懂得你的兼容css款式意味着你应当分明什么时候利用到它们）它们很简单注释并简单修复的。从而使你界说的css款式对照简单办理。
多行优化为一行，并依据功效的必要对css款式举行分别
我之以是将这两条放在一同是由于它们都必要衡量利害的。假如我们想让款式对照简单办理的话，我们则有需要增添代码并会增添扫瞄器的哀求包袱，好比利用分外的款式、空缺和断行。
难处置吗？
有些人以为这些其实不主要的。分外的款式表意味着增添服务器哀求，但关于multi-threading扫瞄器来讲并非成绩。同时css软件像TopStyle很简单将你的文件紧缩成单行的，因而在事情的时分用多行的版本，当上传到服务器的时分用单行的版本并非一件坚苦的事变；乃至你会有一些小的剧本工具来帮你（将你的代码优化为单行就能够上传了）。
看一下实际情形
记着，这里我们会商的是怎样让年夜型网站文件更容易办理。为庞大的布局页面界说款式（多主题，多层的导航），多款式表意味着你大概必要利用4-5个文件：色彩，导航，布局，表单，表格等等。
除下面提到的以外，当我们翻开espn主页的时分会有长久的断开,你大概会往想到这是由于分外的哀求引发的。每个网站城市天天城市有基础的更新（也许每周城市有款式表的更细，有的时分乃至天天更新），同时你也会发明为了将文件变小上传到服务器上是件疾苦的事变。
赐与我们的启发？
回忆一下我们会商过的内容，年夜型网站便利办理的css款式应为：
1、整体下去说，编写css时必要反复使用
2、优秀的css正文申明
3、关于兼容款式，必要一个独自的兼容款式文件
4、一个以上css文件或几个css文件更容易保护办理
5、css当地是多行、断行的，可是上传到服务器上的css应当是优化为一行的。经由过程以上列表不丢脸出，构造优秀的款式文件将会增添css文件与代码，同时增添服务器哀求包袱。但是，我们都晓得一旦css款式第一次剖析下载后它就会缓存在当地，如许今后就加重了对代码的重复哀求了。
公道利用沉余代码
在公道利用沉余代码方面我们应当怎样做那？它可间接影响着我们对款式办理保护的体例。好了，让我们看一下“有用的css办理与优化”文章内里先容的几种办理优化css的解说。
会商
请用上面的留言区对本文提到的成绩列表举行会商，在留言之前请略读一下“有用的css办理与优化”，你的批评大概比上文说的更得当。
中文原文：关于css办理优化的切磋
英文原文：DiscussingCSSManagementandOptimization
</p>
在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 AdobeDreamweaver(前称MacromediaDreamweaver)是Adobe公司的著名网站开发工具。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 滚动条)层属性--溢出(visible/hidden/scroll/auto) Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。
页:
[1]