设置密码

验证码错误,请重新填写

免费建站旅程马上开始

开始建站
建站中

已有帐号?直接登录

首页>森动学院>网站建设教程 > 现代的CSS布局的基本特性
现代的CSS布局的基本特性
发布时间: 2014-01-23

现在要创建CSS布局的一个激动人心的时刻。我们终于看到浏览器实现HTML 5和CSS 3其他的技术,对我们的设计很酷的新工具和技巧

但这一切的改变都会带来压力。你如何保持对所有的新技术,确保你的网页看起来伟大在浏览器和设备数量的增加,在这里,你将学习成功的现代CSS网站的五大基本特征。本文的2部分,将了解你需要实现这些特性的技术和工具


我们不谈设计的趋势和风格为基础的现代特征的CSS布局。这些风格都改变了。相反,我们将集中在广泛的基本概念,你需要知道使用最新的技术,创造最成功的CSS布局。例如,将内容与表现分离仍然是CSS的网页的一个基本概念。但现代CSS网页等特点,是新的或更重要的。一个现代的基于CSS的网站是:逐步提高适应不同的用户模块化高效和印刷丰富


逐步提高

适应不同的用户

模块化

有效的

印刷丰富

渐进增强


渐进增强意味着建立一个对内容的适当的标记和添加先进的造型坚实的页面(或者脚本)的网页浏览器,可以处理它。它的结果是可用的所有的浏览器,但不是在所有的浏览器中看起来相同的网页。用户更新的,更先进的浏览器都能看到的视觉效果和很好的可用性增强

让设计在不同的浏览器中看起来不同的想法是不是新的。CSS大师一直宣扬这几年因为字体的可用性和渲染,色调,像素计算和其他技术因素总是不同的浏览器和平台之间的。大多数网页设计师避免“像素完美”和已经接受了他们的设计在不同的浏览器稍有不同。但是,渐进增强,它已经越来越流行,在过去的几年中,以更进一步。设计,逐步提高看起来在不同的浏览器稍有不同他们可能看起来非常不同


更强大的网页

而不是使用优美的退化的方法来创建一个全功能的网页,然后向后,使它能够浏览器的功能首先要建立一个坚实的“基地”页面,工程处


快乐的用户

你开始网页建设确保基本功能和造型,对每个人都是一样的。旧的浏览器的人,移动设备和辅助技术的高兴因为页面是干净的和可靠的工作。最新的浏览器的人是幸福的因为他们丰富的经验抛光


缩短开发时间

你不必花时间试图让一切都在所有的浏览器中看起来完美的一致。你也不必花很多时间逆向工程网页旧的浏览器的工作后,已经完成了全面的功能和风格的版本与优美的降解方法的情况下)


减少维修时间

如果一个新的浏览器或新技术的出现,你可以添加新的功能,你已经拥有的东西,而不改变现有的功能,并可能打破你。你只有一个版本的网页或代码更新而不是多个版本(这是优美的退化的情况下)

更多的乐趣

能够使用的很酷和创造性的新技术,在你的网页建设上只是简单乐趣而不必等待多年的老的浏览器中死去


了解更多关于渐进增强

渐进增强它是什么以及如何使用它

维基百科上的渐进增强

渐进增强未来Web设计铺平了道路


适应不同的用户

现代的基于CSS网页必须适应浏览器,各种设备,屏幕分辨率,字体大小,辅助技术和其他因素,用户带来的表。这个概念也不是新的而且是越来越重要的Web用户越来越多样化。例如,几年前,你可以在几乎所有的有三个屏幕分辨率的用户。现在用户可以观看10英寸上网本页面30英寸宽屏显示器或任何关系更不用说微小的移动设备


其他人更容易维护

除了制作维护你耗时少,组织严密的CSS和巧妙命名类也使维护开发商没有参与的样式表的初始开发更容易。他们能找到他们所需要的和更容易使用。CMS和框架,让那些熟悉你的网站很容易更新它没有什么