CSS布局教程

css不是编程语言，因为它缺乏严谨的逻辑，也不是标识性语言，因为它没有网页元素的结构，css似乎更像一个集合成数组，存储着很多条属性，需要时候从中选取一个，然后声明一个值就贴到xhtml元素对象上，最后由浏览器根据css定义的规则解析并显示出来。
这么一看，css似乎更简单，事实上css并没有想象中那么复杂，唯一的困难可能需要初学者尽快了解和学会使用这些属性及其规则，万事开头难，初学者可以从最常用的属性开始一个一个的学习和突破。
html语言，有时候我们习惯用html页面来称呼所有的网页，其中html表示广义的标示语言，包括html和xhtml，而html语言中的html表示狭义的标识性语言，不适合构建标准网页，因为它把结构和表现混淆在一起，例如，html把不同类型的元素如描述性元素color等和结构元素div,table等，以及元素属性放在一起，为以后维护和更新埋下隐患。
...

实现完美的xhtml+css标准布局不仅仅是一门功课，它应该包含很宽泛的内容，例如：css层叠样式表，html网页结构，网页色彩搭配，图像编辑与处理，艺术审美与设计，网页版式规划
如此等等，作为一名初学者，应该初步了解网页基础知识，如果你对网页设计一无所知的话，建议按上面所列检查自己是否达到最基本的要求，或者更明白的说，当你的网上查看一页简单的页面源代码时候，如果能够大致了解代码的意思和作用，那么相信你的后面的学习中一定会比较轻松，不过即使不会也不要着急，适当补充一点html的基础知识，也会完成学习，并最终成为精通标准的网页设计师。
...

在我们刚学习网页制作时，总是先考虑怎么设计，考虑那些图片，字体，颜色，以及布局方案，然后用photoshop等工具画出图形，再切成小图，最后通过编辑html将所有设计还原表现在页面上，天津网站建设，天津网站优化，汽车玻璃，商业策划招商，钢板桩租赁，天津废锡回收
...

web2.0在两年前也许还是一个新名词，曾几何时它像网上核弹一样爆发了，并以不可阻挡之势燃烧了整个互联网，其热度不亚于当年的超女，又曾几何时它悄悄的走进了我们的生活，从陌生走向了熟悉，从概念走向了应用，今天，web2.0构成了我们网络生活不可缺少的一部分，大家都在讨论，研究和实践web2.0
web1.0到web2.0的转变，具体的说，从模式上是单纯的读向写，共同建设发展，所以互联网下一步，是要让所有的人都忙起来，用全民力量共同织出贴近生活的网，到目前为止，对于web2.0概念的说明，通常采用web2.0典型应用案例介绍，加上对部分web2.0相关技术的解释，例如，博客，播客，威客，掘客，rss，维客，网摘，社会网络，psp，即时信息等，关于这些信息技术的解释与更多信息
...

表格在网页布局中应用已经有很多年了，由于多年的技术发展和经验积累，web设计工具功能不断增强，使表格布局在网页应用中达到登峰造极的程度，一个最典型的例子就是网友设计师可以直接使用图像编辑器画图，切图，最后再由图像编辑器全自动生成表格布局的页面，像这样提供完整而又完善的一条龙服务的网页设计工具实在很多，这些工具的使用都很简单，学习周期短，制作速度快，而且设计的页面效果都很漂亮，如果你是一位富有艺术感的读者，相信设计出来的页面必定很吸引眼球
传统表格布局的快速与便捷加速了网页设计师对于页面创意的激情，而忽视了代码的理性分析，甚至刚学几天的初学者都敢说，我可以设计出最完美的网页，表格布局就这样被神化了。
...

基于web标准的网站设计的核心在于如何使用众多的web标准中的各项技术来达到表现与内容的分离，即网站的结构，表现，行为三者的分离，只有真正实现了结构分离的网页设计，才是真正的意义上的符合web标准的网页设计，不排除为了达到表现与内容分离，以后将诞生更多的新技术与结构，这里推荐使用xhtml，以便更严谨的语言编写结构，并使用css来完成网页的布局表现，因此掌握基于css的布局方式，是实现web标准的基础环节
传统table布局方式上是利用html table表格元素具有的无边框特性，由于table元素可以在显示时使得单元格的边框和间距设置为0，即不显示边框，因此可以将网页中的各个元素按版式划分放入表格的各个单元格中，从而实现复杂的排版组合
...

目前web标准大潮已经席卷了国内的网站设计领域，许多网站设计师开始学习并应用web标准，在讲解如何运用div+css对网页进行布局制作之前，先向大家介绍一下web标准与css布局中的常见问题，可以帮助大家了解什么是web标准，什么是表现与内容的分离以及css布局
1、什么叫网站重构
网站重构一词本身源于软件中对于代码的改良，在网站重构一书中引入中国之后，也带来了一股网站重构的热潮，网站重构可以理解为改变旧的html表格布局，使用新的符合web标准的网站结构及代码改良的方式，将现有的网站转向web标准设计可以称为网站重构，网站重构更深一层的意义是希望通过web标准提供一个加大网站效益的接口，这个效益可以简单理解为两个方面，可扩展性及可维护性。天津网站建设，天津网站优化，汽车玻璃，天津二手装载机，商业策划招商
...

重新设计可以在web标准支持者中树立信誉，但是除了业界的赞誉之外，标准对于像我们这样的个人商业站真的重要吗，web标准能为我们带来回报吗，有经济上的利益吗，所有的答案都是肯定的，天津网站建设，天津网站优化，汽车玻璃，天津二手装载机，商业策划招商
...

1、不是为了通过校验才表转化
web标准的本意是实现内容结构和表现的分离，就是将样式剥离出来放在单独css文件中，这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用
w3c校验仅仅帮助你检查xhtml代码的书写是否标准，以及css属性是否都在css2的规范内，代码的标准化仅仅是第一步，不是说通过校验我的网页就标准化了，我们不是为了虚名，或者向别人炫耀看我的页面通过了校验，而去标准化，我们的目的是为了使自己的网页设计工作更有效率，为了缩小网页尺寸，为了能够在任何浏览器和网络设备中正常浏览
...

  标签式的导航样式表编写中其实也涉及到了CSS中的一个非常常用的特性——继承。
    何为继承呢？继承指的是每一个元素可以有多个样式设计，在普通情况下，他遵守最外层的样式设计，如果遇到对其自身的样式，他将在继承外层样式设计的基础上，优先考虑自身的样式设计。
    在本例中，我们在外层通过#nav li a{}这样的指定，对所有id为#nav下的li标签中的a对象设计了统一的样式，a无条件的全部优先实行#nav li a {} 的样式设定，但是我们对其中的某一个a加了id叫current，并对currnet设计了背景色。这个id为current的a对象无条件的优先执行#nav li a {} 的样式设定，然而因为current的介入，它必须在执行#nav li a {} 的样式设定基础上，再次执行#nav li a {} 的样式设定基础上，我们不会因为指派了#nav li a {} 的继续上，还会执行属于自己的#nav li a#current {}，当然#nav li a#current {} 拥有优先权，如果在#nav li a#current {} 中我们有与#nav li a {}中重复的样式属性定义并且值不一样，它将会用#nav li a current {}中的新值覆盖掉上一层#nav li a {}指派的值，这就是继续中的优先权，读者可以在代码中尝试一下。
...