子墨苑

摘要： 1.1. 蓝色经典1. 固定宽度，不管分辨率多大，宽度是固定的。2. 导航部分使用了图片，图片中预留了导航的位置，将导航覆盖到上面，导航通过绝对值防止到图片的右下角。3. Float不仅仅能应用到大的块中，也可以应用到li等小块中，应用到li后，li项目会被平均分成两部分显示。4. 标题替换成图片的技巧：标题直接隐藏掉，做一个和标题一样的图片来显示。竖标题的做法和上面一样，不同的是，需要调整元素的padding-left属性。案例地址：http://115.com/file/aqxc2u9t#通过案例的学习和动手实践，才能体会到CSS到底有多强大！！！ 阅读全文

摘要： 如何安装构建Spring的工程文件1. 安装1.1. 环境准备：1. Java6或者以上2. Ant1.7或者以上3. Eclipse或者IDEA1.2. 第一步：获取Spring源码有两种方式获取Spring源代码：1. 直接从官网的Download目录下下载压缩包，会得到类似的zip包：spring-framework-3.1.0.RC1-with-docs2. 或者使用SVN直接拉下源代码：SVN地址是：https://src.springsource.org/svn/spring-framework3. 下载完成后，找到如下目录，如果是zip文件，直接打开project目录。里面包含了 阅读全文

摘要： 1. CSS+DIV布局方案剖析1.1. CSS排版观念1. 比较新的版本方式，一般是将页面经过DIV进行分块，然后对各个块进行CSS定位。然后再在各个块中增加相应的内容。通过CSS排版，更新特别容易，甚至是页面的拓扑结构，都可以通过CSS属性来重新定位。2. 将页面用DIV分块，首先要求对整体的框架有个定义，包括整个页面有哪些模块，各个模块的父子关系等。一般排版是都在外面加一个父DIV, 这样便于控制整个布局，对于每个DIV，还可以再加入块元素和行内元素。3. 在设计网页时，首先应该先明确页面的框架，并且在HTML中建好框架，然后再考虑排版和各个细节。1.2. 设计块的位置1. 确定页面版型 阅读全文

摘要： 1. CSS定位与DIV布局1.1. Div&Span1. Div是一个区块容器标示，可以看做是一个容器，可以容纳段落，标题，表格，图片等。2. Span和DIV一样，也是作为容器出现的。3. DIV和SPAN的区别是，div是一个块级元素，他包含的元素会自动换行，SPAN是一个行内元素，在他的前后不会换行。SPAN没有结构意义，而DIV是一个结构体。4. 经验说明：通常情况下，DIV设计为页面中大的区块，而SPAN则仅仅用于需要单独设置样式风格的小元素，例如一个单词，图片或者超链接。1.2. 盒子模型1. 盒子模型应用范围：不仅仅对应DIV，对界面中的任意元素都如此，因为界面中的所有 阅读全文

摘要： 1. CSS制作菜单1.1. 项目列表1. 顺序列表ol和无顺序列表ul.2. 列表的符号(list-style-type)CSS中项目列表的编号是通过list-style-type来修改的。无论是ul还是ol，都可以使用这个属性，然后再配合相应的li属性。也可以单独对li设置list-style-type属性。这个属性的值包括：Disc，circle，square，decimal，upper-alpha，lower-alpha，Upper-roman，lower-roman，none.3. 图片符号（list-style-image）通常设置了图片之后，发现在IE和Firefox上显示不一致 阅读全文

摘要： 1. CSS设置表格和表单1.1. 控制表格1. 表格中的标记Table, tr, td, th, thead, tbody, summary, caption, scope(col,row)2. 表格颜色控制Color: 文字 background: 背景3. 表格的边框: (border)4. 隔行变色在相应的偶数行加入另外的css. 通常在实际的应用中，数据动态产生，因此需要判断tr然后加入。5. 鼠标经过时变色的表格6. 日历1.2. CSS与表单1. Form2. 经验之谈：各个浏览器之间的差异，主要是因为各个浏览器对部分CSS属性的默认值不同导致的，通常的解决办法就是指定该值，而不 阅读全文

摘要： 1. CSS图片效果1.1. 图片样式1. 图片边框(border)<img src=”1.jpg” border=”1”/>, 可以设置: border-style, border-color, border-width(边框粗细)经验之谈：很多属性都可以将各个子属性写在一行中，比如border, font, margin, padding.2. 图片缩放图片的缩放指的是就是图片的大小等。可以通过设置width和height来操作。他们均可以设置相对值和绝对值，相对值使用百分比。使用相对值，当缩放浏览器的窗口时，则图片会自动的跟着缩放，如果使用绝对值，则图片保持大小不变。如果只设 阅读全文

摘要： 1. CSS基础1. CSS控制页面a) 内嵌式b) 链接式c) 行内样式d) 导入样式：@Import url(1.css)2. 优先级：行内样式àlink标记样式àstyle样式àimport样式3. 经验之谈：a) 建设网站的时候，最好只使用其中的１～２种，这样便于控制b) 使用CSS制作网页的时候，基本的要求就是在主流的浏览器上显示一致，通常的做法是一边写HTML和CSS代码，一边在不同的浏览器上测试2. CSS语法1.1. CSS选择器选择器类型：（www.w3.org ）1. 标记选择器, 直接编写标记。2. 类别选择器, 使用.; 有时也可以使用&l 阅读全文

摘要： 3 Web 和 Servlet 3.1 快速开始 我们从一个例子开始Guice Web的开发。 首先准备我们的环境，由于是web开发，因此我们需要guice-servlet的jar包。log4j不是必须的，只是为了方便日志记录而已（Guice内部是使用jdk内部的logging包来完成日志记录的）。 必可避免的要在web.xml中都一些手脚，这里先配置一个filter吧。 <filter><f... 阅读全文

摘要： Partly learning from past experiences, but mainly because of future requirements regarding mobile development, I am looking to create a Tapestry5 project setup that uses jQuery instead of Prototype and can output HTML5.Make Tapestry5 accept HTML5 DoctypeTapestry5 uses a Parser to validate the correc 阅读全文