正文内容加载中...
posted @ 2013-05-05 21:07 Sheldon Ge 阅读 (1164) 评论 (0) 编辑
摘要:安装环境:Windows Server 2008MySQL Server 5.6Ruby 1.9.3-p392Redmine 2.3.0Step 1.下载安装Ruby在http://rubyinstaller.org/downloads下载Ruby安装程序(rubyinstaller-1.9.3-p392.exe),安装时注意勾选 “Add Ruby executables to your PATH” 将Ruby命令添加至环境变量。Step 2.下载安装DEVELOPMENT KIT同样在http://rubyinstaller.org/downloads下载(DevKit-tdm-32-4. 阅读全文
posted @ 2013-04-26 12:09 Sheldon Ge 阅读 (940) 评论 (1) 编辑
摘要:盒模型概念:html文档中的每个元素(element)和文本都会被转换为一个矩形盒,而html文档中元素树(tree of elements)最终在浏览器中是以树状结构的盒(tree of boxes)进行显示的。这些盒的大小和位置取决于他们各自的属性,盒模型可分为块盒、行盒和行内盒盒模型的结构:浏览器会为每个元素生成四个嵌套的矩形框,分别为margin area,border area,padding area和content area。元素渲染成盒模型后的结构如下:盒模型的依赖关系:block-level boxes:块盒内可包含行盒或块盒,但不会同时包含块盒和行盒,在必要的时候块盒内的行 阅读全文
posted @ 2013-03-31 17:50 Sheldon Ge 阅读 (97) 评论 (1) 编辑
摘要:什么是float我们平时最常见的float的形式是在word中对图片的文字环绕。如图而在网页中要实现这种效果就需要使用到float属性。我对float的理解设置有float属性的元素会脱离父元素形成一块适应其内容的区域,浮动元素外的所有内容会围绕浮动元素的margin边界显示。观点验证Case 1:未设置高度无内容的父容器(wrapper)中包含一个200px长宽,float:left的元素(floatbox)。Result:高度塌陷,floatbox覆盖在父容器左侧区域,由于父容器无内容,因此floatbox显示在左侧,wrapper只显示2px的上下边框。Case 2: wrapper内包 阅读全文
posted @ 2013-03-24 00:03 Sheldon Ge 阅读 (84) 评论 (5) 编辑
摘要:原版与山寨版的对比如下,相似度基本有百分之六七十吧:原版:山寨版:下面说说我的做法,html部分我全部重写,代码如下:View Code 1 <body> 2 <header> 3 <a id="closeTag" href="#">Press esc to close.</a> 4 </header> 5 <div id="wrapper"> 6 <h1>Join the New Myspace</h1> 7 <div id=&qu 阅读全文
posted @ 2013-03-17 18:16 Sheldon Ge 阅读 (101) 评论 (0) 编辑
摘要:最终样式如下:网页代码如下:View Code <body> <header> Header </header> <div id="wrapper"> <div id="sidebar"> SideBar </div> <div id="main"> Main </div> </div> <footer>Footer</footer></body>CSS样式如下:View Code <s 阅读全文
posted @ 2013-03-09 12:53 Sheldon Ge 阅读 (93) 评论 (1) 编辑