CSS布局教程

    网页设计中静态文字的色彩设计遵循“总体协调、局部对比”的原则，结合网页的个性特点进行文字的整体色彩设计。色彩是网页文字设计的一个重要方面，它能够吸引观者的注意力，使文字更加醒目、突出。特别是对不同功能、不同作用的文字的识别，营造优美、迥异的视觉效果，是烘托网页气氛、增强网页注目率的利器。网页中的色彩可供选择的比较多，色彩模式也较丰富。在网页中最终呈现于电脑屏幕上的所有色彩都是RGB模式，即利用光学三原色（即红、绿、蓝）的原理组合而成的色彩模式，ROB各育256级亮度，按照计算，256级的RGB色彩总共能组合出约1678万种色彩。此种模式下，颜色的相加并不会影响他的透明度和纯度。在这种色彩模式下，可以表现丰富的色彩变化，艺术性的网页，其静态文字设计可以更无限制的利用这一优势，以个性鲜明的文字色彩，突出体现网页的整体风格，或原始古拙、或清淡高雅、或静谧幽远、或前卫现代，主要取决于网站对不同网页内容气氛、色调的要求，无固定成规。
...

    CSS滤镜的功能有很多，在实际运用中也表现得相当强大。如果要将CSS滤镜的功能完完全全地介绍一遍，那估计得要一本书才能介绍完毕。功能再强大的CSS滤镜都是各个浏览器的私有属性，并不像CSS样式中的大部分属性一样都可以解析。IE浏览器中的CSS滤镜主要包括界面滤镜、转换滤镜和静态滤镜。这3种滤镜分别由很多个不同功能的滤镜组成，其中有前面提到过的透明滤镜、支持PNG-24格式的图片的滤镜，还有光照效果、灰度显示对象内容等诸多滤镜，这里不再一一介绍，有兴趣的读者可以从网络中搜索一下关于CSS滤镜的信息。在CSS滤镜手册中有详细细的CSS滤镜介绍及使用方式介绍。由此可见，CSS滤镜美化页面的效果远远比CSS样式美化页顶印效果好，而且都是利用代码直接完成的，并未修改图片效果。但漂亮的东西总是需要付出代价的，例如“魔世界”中的那些招式对于所有的游戏玩家都是认同的，很炫很酷，但这款游戏却不是所有的机子都“享受”得了。过于酷炫的效果需要硬件设备的支持，无法达到相应硬件设备条件的计算机只能望洋兴叹。
...

经历过学生时代的读者应该都曾有过在课堂做笔记时，老师会说“某段或者某句话是重点，之考试的时候很有可能会考到这方面的内容，请同学做好笔记”，那么课本上的某行文字被画上一条下画线或者用荧光笔画上淡淡的背景。网页中要传达的信息也是如此，经常会看到页面中某段话或者某句话是带有背景色或者被加粗显示的，这就是网页中要传达给页面浏览者的一个信息，突出重要性。荧光笔无法让页面浏览者看到这些重要的标记，但CSS样式却可以帮助我们实现。
字体(font-family)，相信大家都应该接触过，至少也曾听说过。对于设计师而言，漂亮的字体在各方面都将影响到设计图的效果。页面设计也是如此，漂亮的字体会给览者带来耳目一新的感觉，但并不是所有网民都是设计师，他们不会去安安装那么多漂亮的字体在电脑中。网页是供广大网民浏览的，任何时候我们都要考虑广大网民的利益。
...

    背景图片是网页最不可少的元素，大的背景图片可以是整个网页的背景图，小的背景图片可以是一个小小的ICO图标。无论是哪种形式的背景图，其主要作用都是美倾，让网页变得更加漂亮，因此我们称之为“修饰图”。所谓背景图的优化，通俗地讲就是将设计稿中的背景图以较小的文件大小，在并不会失去太多颜色的前提下输出适合于网页使用的图片格式。设计师一般都使用Fireworks和Photoshop这两个软件来设计页面，其中Photosho的使用率较高
...

网络中存在不少关于优化CSS的软件、压缩图片的软件及具备辅助功能的软件等，每一款软件都各有千秋。以下天津网站制作就为大家介绍几款软件，仅仅是推荐，是否合适主要还是看在使用过程中是否满足用户的实际需求。
1)优化CSS
所谓优化CSS一般就是将所有的代码写成一行，删除注释，去除空格，减少字节而已，对于该功能，合理利用前面编辑器即可达到。例如，利用EP的“合并行”功能即附多行代码合并为一行在EP菜单栏中选择“编辑”“格式”“合并行”命令。
...

PNG (portable Network Graphics)是一种新兴的网络图像格式。1994年底，天津网站建设公司宣布GIF拥有专利的压缩方法，要求GIF软件的开发人员交付一三定的费用，由此促—使了免费的PNG图像格式的诞生。PNG一开始便结合GIF及JPG两家之长，打算一举取代这两种格式。
NG是目前保证最不失真的格式，它汲取了GIF和JFG二者的优点，存储形式丰；富，兼有GIF和JPG的色彩模式；它的另一个特点是既能把图像文件压缩到极限以利于网络传输，又能保留所有与图像品质有关的信息，因为PNG是采用无损压缩的方式来减少文件的大小的，这一点与牺牲图像品质以换取高压缩率的JPG不同；它的第三个特点是显示速度很快，只需下载1/64的图像信息就可以显示出低分辨率的预览图像；第四，PNG同样支持透明图像的制作，透明图像在制作网页图像的时候很有用，我们可以把图像背景设为透明，用网页本身的颜色信息来代替设为透明的色彩，这样可以让图像和网页背景很和谐地融合在一起；
...

将CSS样式文件引入到HTML页面中方式一般分为3种，任何一种都有其独有的作用，分别为：
直接写在标签元素的属性style中，通常称为行间样式。
将样式写在<style></style>标签之内，通常称为内嵌样式表。
通过<link/>方式外链CSS样式文件，通常称为外联样式表。
]通过@import关键字导入外部CSS样式文件，通常称为导入样式表。
行间样式的应用范围很小，只对具有style属性的标签元素有效，而且优先级也是很高的，有悖于结构与表现的分离，建议不要使用。
...

    在对于CSS的兼容性讨论中，永恒的话题就是浏览器的兼容性题。虽然今天，IE、Fire fox、Opera、Safari等主流浏览器都支持CSS，但它们仍在符合标准的程度上出现无数的差异。在某些情况下，某些属性依然会给页面仔们带来不少挫折，只有不断地测试，不断地了解各个浏览器的脾性才能让页面正确显示在各个浏览器中。不断尝试去了解各个浏览器的脾性这个过程所经历的艰辛也只有编写CSS代码的页面仔们才能体会。有谁曾想到原本是一家的浏览器，确实也是让页面仔们最头痛的浏览器，为了让IE6和IE7能和平共处，要在一个页面的背后添加很多CSS代码。随着时间的推移，各个浏览器的对CSS的支持性越来越高。IE8的发布是否意味着主流浏览器的厂商向Web标准靠拢，意味着各个浏览器对CSS的解析越来越接近呢？…仪许以后作为页面仔的我们就需要再考虑兼容性的问题了。大家的期望也是W3C（万维网联盟）一直在努力解决的问题，可惜现阶段是不大可能的。正视眼前的各个浏览器不统一的问题，暂时不必幻想相同的代码在不同的浏览器中都会有相同的表现。知己知彼方能百战不殆，—下面我们简单地了解一下各个主流浏览器的特性:
...

所谓的CSS，是由W3C（天津网站制作）的CSS工作组创建和维护的，不需要编译，增强控制网页样式并允许将样式信息与网页内容分离，是可以直接由浏览器执行的一种标记性语言，或者说它是一种浏览器解释性语言。CSS全称为Cascading Style Sheets（层叠样式表），CSS文件是一种文本文件，可以使用任何一种文本编辑器对其进行编辑。在任何一个页面中都可以见到CSS的身影，也就是说任何一个页面都离不开CSS，少了CSS的页面将会变得简单而又丑陋。
...

每次制作网页时候我们都应该对此网页的CSS或Html中标签进行必要的初始化。
为什么要初始化CSS呢，有什么作用？
CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不近相同，所有天津网站建设开发时的第一件事可能就是如果把他们统一。
也许他们平时做页面时根本就没考虑过浏览器兼容的问题。其实不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面差异。
...