CSS布局实战系列:混沌初开
一个系列教程,分八个部分讲解一张完整CSS页面的构建过程。虽然它不是每个步骤都解释得非常详细,但是其中提及的很多技巧和经验都很值得初学者借鉴,从界面设计到页面构建,强调了很多细节的设计理念。
一个系列教程,分八个部分讲解一张完整CSS页面的构建过程。虽然它不是每个步骤都解释得非常详细,但是其中提及的很多技巧和经验都很值得初学者借鉴,从界面设计到页面构建,强调了很多细节的设计理念。
一是如何正确选择导航菜单中所涉及的颜色,虽然它没有很多的技术含量,但使用的颜色是否恰当,与后期出来的效果是有很大影响的;另外一部分主要是关于页面背景的,侧重于制作背景图片素材时的一些细节问题。
现在开始我们将学习如何一步一步的构建一张CSS页面。本教程分成以下几个部分:第一讲主要是关于如何在PS中制作导航按钮素材;第二部分主要针对的内容是背景,接着是页面的整体布局以及顶部解析,最后一部分是如何整合CSS和XHTML。
多数2.0风格的网站都会适当的使用微妙的3D效果来提升用户对设计质量的体验,我们都知道这些细节有很好的辅助作用,但是我们可能不知道其中的奥妙。诸如投影、斜角、倒影之类的视觉设计,使得网站的外观看起来更加贴切、实在以及“完美”。
对LINK标签而言,剩下的就是其属性和值了,而它们都很简单。REL是”关联”的意思,在这里就是指关联”样式表”。TYPE总是设置成text/css,这个值描述了使用LINK标签载入的数据类型。
如果你准备在网站中运用强烈的色彩,还必须要记住一点,就是色块之所以能吸引注意力,是因为页面中大部分的区域都不具备或者说避免了强烈色彩的运用,简单点说就是使用色彩时要保持节制。
为了成功地载入一个外部样式表,LINK标签必须放在HEAD元素里,而不能放在任何其他元素里,即使是TITLE或STYLE这样的元素也不行。这样,网络浏览器就能定位和载人样式表,而且用它所包含的所有样式规则作用于HTML。
读者样式表几乎可以包含任何东西:如果用户弱视,则可以使文本足够大以便于阅读;去除图像的规则以使阅读和浏览的速度更快;甚至可以将用户最喜欢的图片放到每个文档的背景上(当然不推荐这样做,但这是可能的)。