CSS设计:百分比进行背景图片定位
是因为类似这种描述性词语和数值混用的形式不被W3C推荐。(单纯的描述性词语组合使用是没有问题的,例如:background-position: right bottom;)。使用百分比进行定位的好处是可以利用CSS的计算功能,达到px定位所难以完成的任务。
是因为类似这种描述性词语和数值混用的形式不被W3C推荐。(单纯的描述性词语组合使用是没有问题的,例如:background-position: right bottom;)。使用百分比进行定位的好处是可以利用CSS的计算功能,达到px定位所难以完成的任务。
垂直间距的设置是文字布局的关键,也是比较复杂的地方,我们需要通过计算来实现精确布局,达到一种和谐的美,下面我将具体展示如何使用CSS设置垂直间距达到精确定位文字布局的目的。
什么是CSS Reset?我们可以把它叫做CSS重设,也有人叫做CSS复位、默认CSS、CSS重置等。CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的规则解释CSS,这样就能避免发生这种问题。
TopStyle是我一直用的CSS编辑工具,最开始就是瞎用也没有仔细研究过,不过后来把里面的功能仔细看了看发现它的功能真是太强大了!在这里分享一下使用经验,我在编辑CSS时常用的快捷键。
现在仅有很少数的浏览器支持CSS3,但不可否认的是CSS3的确会为我们的工作节省更多的时间。如果你对渐进增强有所了解和认识的话,我想你会欣然接受CSS3这个强大的新版本的。不要再把你的时间都花在IE6上了,那样你只能会是过时的前端开发工程师。
CSS的学习过程既可以说简单又可以说是复杂。CSS的语法比较简单,但CSS的应用中有一些概念或者说是原理还是很难掌握的。虽然现在国内也有了很多CSS相关的专题网站,但毕竟在起步上慢了N拍。
由于我们使用的PNG透明LOGO引发了一个问题,就是我们的老朋友IE6并不支持PNG透明。幸运的是我们可以通过一个简单的Hack来应付这个问题,我们只需要简单的下载一个脚本,当然要放置到站点目录中。
本系列将向大家讲解并演示如何从PSD图样逐步构建CSS页面的完整过程,我们将通过四张PSD图样系列的转换贯穿教程,在此过程中你差不多可以能体验到WordPress主题模板的制作。