代码改变世界

记录有用的网址

2013-01-05 18:58 by greenal, 380 阅读, 0 推荐, 收藏, 编辑
摘要:平时用的时候总是忘记网址,存到浏览器的收藏夹吧,又因为重装系统或者换台电脑用的时候没有保存好而丢失。从现在开始遇到对自己有用的网址我就收藏在我的博客中,这样就不会丢啦。 阅读全文

行内元素和块级元素

2013-01-05 11:40 by greenal, 114264 阅读, 16 推荐, 收藏, 编辑
摘要:行内元素和块级元素的区别: 1)块级元素会独占一行,其宽度自动填满其父元素宽度 行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容 而变化 2) 块级元素可以设置 width, height属性,行内元素设置width, height无效 【注意:块级元素即使设置了宽度,仍然是独占一行的】 3) 块级元素可以设置margin 和 padding. 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。(水平方向有效,竖直方向无效) 阅读全文

<!DOCTYPE>标签定义、用法

2013-01-05 11:38 by greenal, 640 阅读, 0 推荐, 收藏, 编辑
摘要: 声明是html5文档中的第一个成分,位于 标签之前。该标签告知浏览器文档所使用的 HTML 规范。完整的写法: 在 HTML 4.01 中有 3 个不同的文档类型,在 HTML 5 中只有一个:。 标签没有结束标签! 阅读全文

css自动换行 word-break:break-all和word-wrap:break-word

2012-12-31 17:30 by greenal, 542 阅读, 0 推荐, 收藏, 编辑
摘要:css自动换行 word-break:break-all和word-wrap:break-word 阅读全文

display、visibility、overflow的隐藏问题

2012-12-28 20:09 by greenal, 780 阅读, 0 推荐, 收藏, 编辑
摘要:关于display:none;与visibility:hidden的区别: 阅读全文

渐变

2012-12-28 18:46 by greenal, 166 阅读, 0 推荐, 收藏, 编辑
摘要:适用于 webkit 引擎的浏览器,如 Safari,Chrome 等、Firefox 3.6+ 、 还有只能被 IE 解释执行的。 阅读全文

【转】Web应用界面设计规范—给项目组培训

2012-12-10 10:40 by greenal, 198 阅读, 0 推荐, 收藏, 编辑
摘要:一、软件界面规范的重要性及其目的 二、用户体验为何如此重要 三、Web规范体系介绍 四、界面设计开发流程 五、应该遵循的基本原则 六、界面设计规范 阅读全文

tab--选项卡

2012-12-10 09:41 by greenal, 281 阅读, 0 推荐, 收藏, 编辑
摘要:选项卡的效果,可以改成鼠标悬停,然后切换内容。 也可以鼠标点击,切换内容。 用jQuery实现的。 阅读全文

父元素高度确的多行文本、图片、块级元素的竖直居中

2012-12-10 09:10 by greenal, 312 阅读, 0 推荐, 收藏, 编辑
摘要:父元素高度确定的多行文本、图片、块级元素的竖直居中。方法:给支持table-cell的IE8和火狐设置,不支持的IE6,7设置hack,通过给父子两层元素分别设置 tOP:50%; 和 top:-50%; 来实现居中。 阅读全文

翻页 (page)

2012-12-09 22:39 by greenal, 221 阅读, 0 推荐, 收藏, 编辑
摘要:常用的翻页的写法和样式 (翻页 page ) 阅读全文