柳暗花明:PSD to CSS —— CSS布局实战新概念系列教程【Part-1】
本系列将向大家讲解并演示如何从PSD图样逐步构建CSS页面的完整过程,我们将通过四张PSD图样系列的转换贯穿教程,在此过程中你差不多可以能体验到WordPress主题模板的制作。
本系列将向大家讲解并演示如何从PSD图样逐步构建CSS页面的完整过程,我们将通过四张PSD图样系列的转换贯穿教程,在此过程中你差不多可以能体验到WordPress主题模板的制作。
本系列将向大家讲解并演示如何从PSD图样逐步构建CSS页面的完整过程,我们将通过四张PSD图样系列的转换贯穿教程,在此过程中你差不多可以能体验到WordPress主题模板的制作。
同伪类的方式类似,伪元素通过对插人到文档中的虚构元素进行触发,从而达到某种效果。在CSS1里,有两个伪元素,即:first-letter和first-line。
其中一个比较简单,只是单纯的显示/隐藏效果,通过CSS和一些简单的JS实现;另外一个菜单的收缩和展开带有过渡效果,需要借助mootool来辅助实现。
可以为一条规则中的选择符分组,那么声明也应该能够分组。在这里用分号作为一条声明的结束,这样可以显得更加清楚,因为一条规则里可能含有多个声明。这样还能使样式表更加紧凑、有组织、易于阅读。
利用CSS来实现鼠标经过网页中图片时的缩略放大效果,因为有时候我们的网页布局中没有足够大的空间来放置原始尺寸的图片,并且也不想把尺寸调小的图片光秃秃的摆放在那里。本文讲述的CSS技巧可以让我们在网页中预先放置尺寸较小的缩略图,而当鼠标上移时,图片能显示其全貌。
通过不同的方式来组织CSS以求简洁有序,但是没有一种方法是能让我心悦诚服的,直到接触了CSS EDIT。它是一款强大高效率的CSS编辑工具,而其中我认为最吸引人的功能,就是以文件夹的模式来组织CSS结构。
如何编写具有良好结构的CSS?在你动手编写CSS代码之前,先把你的网站的所有区块都在草稿里画出来,然后依照下面的简单规制优化你的工作。