在本教程的第2章中,我们介绍了一些“CSS禅意花园”的精美作品。在那时,读者还刚剐开始了解CSS,无法深入进行介绍和实践。而现在,读者已经经过了十几章CSS和HTML案例的磨练,相信在这个过程中既感受到了思考的辛苦,也感受到了成功的喜悦。在本章中,就结合前面所有章节介绍的技术,利用CSS禅意花园的网...
分类:
Web程序 时间:
2014-06-28 11:47:00
阅读次数:
376
下面在详细介绍比较复杂的作品之前,先自己动手为禅意花园制作一个CSS设计方案。希望读者在学习完本书之后,也能够制作出漂亮的作品,提交到禅意花园网站上。首先制作的页面效果如图1示。本例最终效果文件位于本书网页学习网CSS教程资源中“第15章\9999.htm”。图1 简单效果一、结构分析分析一下布局结...
分类:
其他好文 时间:
2014-06-28 11:28:08
阅读次数:
163
今天介绍sass在重用代码时最具威力的两个功能。一个是嵌套(Nesting),一个混合(Mixin)。我们在写CSS通过需要多个后代选择器组合到一起才能定位到目标元素上,而这定义过程,此元素的父元素与其他选择器都有许多相同的部分,嵌套就是把这些相同的部分放到某一层花括号里,然后通过花括号的层层缩进堆...
分类:
其他好文 时间:
2014-06-28 11:25:37
阅读次数:
170
上一章中,对“CSS禅意花园”网站的标准HTML文档进行了结构讲解和分析,并制作了一个简单的网页。在这一章中,就对禅意花园的158号作品和191号作品进行深入细致的分析和研究,彻底搞清楚它们是如何制作出来的。这两个作品的效果都相当精致,可以给读者很好的启发。先来分析第158号作品,名称为《简约夕阳》...
分类:
其他好文 时间:
2014-06-28 10:53:52
阅读次数:
258
中文网站:http://extjs.org.cn/英文网站:http://www.sencha.com/products/extjs/1、简介 extJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。2、简单使用 需要这些包的支持:ext-all.css,ext-all...
分类:
Web程序 时间:
2014-06-24 10:07:21
阅读次数:
294
左侧固定宽,右侧自适应屏幕宽;左右两列,等高布局;左右两列要求有最小高度,例如:200px;(当内容超出200时,会自动以等高的方式增高)要求不用JS或CSS行为实现;仔细分析试题要求,要达到效果其实也并不是太难,只是给人感觉像有点蛋疼的问题一样。但是你仔细看后你会觉得不是那么回事:左边固定,右边自...
分类:
Web程序 时间:
2014-06-24 10:05:18
阅读次数:
184
华文细黑:STHeiti Light [STXihei]华文黑体:STHeiti华文楷体:STKaiti华文宋体:STSong华文仿宋:STFangsong俪黑 Pro:LiHei Pro Medium俪宋 Pro:LiSong Pro Light标楷体:BiauKai苹果俪中黑:Apple LiG...
分类:
Web程序 时间:
2014-06-24 09:45:17
阅读次数:
269
下面介绍一种更为简便有效的方法:3、设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid #000 1px;},大功告成!而且Word也能认出这种设置。样式表如下:table#border{border...
分类:
其他好文 时间:
2014-06-23 07:10:06
阅读次数:
170
css边框和相框构造是一样的,看下面这代css代码:当我们把div宽度和高度设为0,看又会是怎样:可以看出,四个指向的三角形已经出现了,下面以得到红色三角形为例:第一步: 我们去掉黑色边框试试第二步: 好像把左右边框去掉就ok了,我试过,其实是不是的.可见,左右边框不能去掉...其实红色三角形占的空...
分类:
Web程序 时间:
2014-06-23 06:14:18
阅读次数:
190