摘要: 水平居中: 1. 行内元素:父元素text-align:center; 2. 确定宽度的块级元素:margin-left/right:auto; 3. 不确定宽度的块级元素: a. 放在table的td里,table不是块级,但margin-left/right对它有效,table的宽度由它的内容决定。 缺点:增加无语义标签,加深标签的嵌套次数。 b. 将块级元素转化成inline,父元素taCenter 缺点:不能设定长宽 c. 父元素: float:left; position:relative; left:50%; 子元素: posit... 阅读全文
posted @ 2012-02-23 17:56 码农13 阅读(140) 评论(0) 推荐(0) 编辑
摘要: IE6不支持png透明背景解决方式:给window.onload添加以下两个函数:function correctPNG(){ for(var i=0;i<document.images.length;i++){ var img=document.images[i]; var imgName=img.src.toUpperCase(); if(imgName.substring(imgName.length-3,imgName.length)=="PNG"){ var imgID=(img.id)?"id='"+img.id+"& 阅读全文
posted @ 2012-02-23 17:36 码农13 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 1. z-index为负,可以创造一些特殊的效果,但是无法监听鼠标事件,因为被z-index:0的body盖住了2. 如果多个元素的z-index相同,长江后浪盖前浪3. relative 或 absolute激活z-index可使元素重叠;设置负边距不激活z-index也可使元素重叠。问题1:Flash嵌入网页,不管如何设置z-index,都会浮于其它元素之上。 原因:浏览器解析页面时,窗口类型的元素显示在页面最顶端 <embed wmode="" <param name="wmode" value="" wmode属性 阅读全文
posted @ 2012-02-23 16:45 码农13 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 1. 怪异模式的触发与DTD有关。Document Type Definition。DTD包含元素的定义规则、元素间关系的定义规则、元素可使用的属性、可使用的实体或符号规则。2. 推荐的CSS组织方式:base+common+page base:css reset用YUI的CSS Reset+通用原子类 基石 common:组件级CSS类,网站中高度重用的模块 网站级 page:通用base和common解决的,就不要用page页面级3. 重用即为模块,取最大公约数。 模块应在保证数量尽可能少的原则下,做到尽可能简单,以提高重用性。4. 推荐CSS类命名法:驼峰命名法用于区别不同单词,... 阅读全文
posted @ 2012-02-23 16:35 码农13 阅读(240) 评论(0) 推荐(0) 编辑
摘要: hasLayout是IE为解析盒模型而设计的一个专有属性,它的设计初衷是用于块级元素的,如果触发行内元素的hasLayout,就会让行内元素拥有一些块级元素的特性。display:inline-block 有width,height,margin,padding 却不独占一行,很好但IE6,7不支持inline-block,inline-block只能触发IE6,7下行内元素的hasLayout即:IE6,7下,设置inline-block的块级元素:白设行内元素:可设width,height... 效果同zoom:1例:abcde<span>12345</span> 阅读全文
posted @ 2012-02-23 16:32 码农13 阅读(193) 评论(0) 推荐(0) 编辑
摘要: love hate原则:link visited hover active 阅读全文
posted @ 2012-02-23 16:09 码农13 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 相邻的margin-left和margin-right不会重合,但margin-top和margin-bottom会重合。最好不要混用margin-top和margin-bottom,统一用其中一种,就像为<td>设边框。 阅读全文
posted @ 2012-02-23 15:47 码农13 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 1. 传统的布局方式是在DW中拖拽表格来布局,自动生成的代码量非常庞大;2. table布局的缺点: a. 代码量大,结构混乱; b. 标签语义不明确,对搜索引擎不友好。3. 在HTML,CSS,JS三大元素中,HTML才是最重要的,结构才是重点。 先确定HTML,确定语义的标签,再来选用合适的CSS4. 先HTML,后CSS。可以在CSS裸体日仍然保持良好的层次感;5. 搜索引擎对<h>比较敏感,一个语义良好的页面,h标签应该是完整有序没有断层的;6. 标签语言调试工具:Web Developer,Firefox插件7. 表单域要用fieldset标签包起来,并用legend标签 阅读全文
posted @ 2012-02-23 15:39 码农13 阅读(144) 评论(0) 推荐(0) 编辑
摘要: textarea{ resize:none; width:200px; height:100px; max-height:100px; max-width:200px; overflow:auto; /*使不显示滚动条*/} 阅读全文
posted @ 2012-02-23 15:17 码农13 阅读(284) 评论(0) 推荐(0) 编辑
摘要: 上游:交互设计师、视觉设计师中游:前端开发工程师下游:服务器端工程师1. 欲精一行,先通十行。尤其是做前端的2. 增加代码可读性----注释,别让自己都看不懂自己的代码3. 提高重用性----公共组件和私有组件的维护,要搞清楚 公共组件:让接口保持弹性,高度模块化; 公共组件的加载粒度:jQuery选择了“集中”,YUI选择了“分散”。 按需加载才是主流,多感受下YUI,import4. 前期的构思:规范、文档、公共组件、复杂功能的设计方案5. 自己能独立决策的问题都是小问题,要与人合作商讨的问题才可能会是最大的问题,要学会有效地交流。Web前端工程师技能列表:http://www.awfla 阅读全文
posted @ 2012-02-23 15:11 码农13 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 如果不清除浮动,老三会跟在老二屁股后面<p style="float:left;width :400px;">这个是第1列,</p> <p style="float:left;width :400px;">这个是第2列,</p> <p style="clear:both;">这个是列的下面。</p> float和absolute会让元素以inline-block方式显示,再显示地设置display为inline或block也无效。所以可以定义元素尺寸。 阅读全文
posted @ 2012-02-23 15:01 码农13 阅读(123) 评论(0) 推荐(0) 编辑
摘要: float:left;margin:5px; /*IE6下会理解为10px*/display:inline;/*让它理解为5px*/ 阅读全文
posted @ 2012-02-23 14:57 码农13 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2012-02-23 14:50 码农13 阅读(152) 评论(0) 推荐(0) 编辑
摘要: [PHP];;;;;;;;;;;;;;;;;;;; About php.ini ;;;;;;;;;;;;;;;;;;;;; PHP's initialization file, generally called php.ini, is responsible for; configuring many of the aspects of PHP's behavior.; PHP attempts to find and load this configuration from a number of locations.; The following is a summary 阅读全文
posted @ 2012-02-23 14:19 码农13 阅读(805) 评论(0) 推荐(0) 编辑
摘要: function getConnection(){ @mysql_connect("localhost","username","password") or die("无法连接数据库"); @mysql_select_db("databasename") or die("未找到数据库"); }getConnection(); $query="select definition,accession,gi from birds_nucleotide order by d 阅读全文
posted @ 2012-02-23 14:04 码农13 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 文件目录:--index.php--php--data_info.phpindex.php这里要require_once类所在的php文件<?phprequire_once('./php/data_info.php'); $oneData=new user; $oneData->setName("username"); $oneData->setPassword("password"); echo $oneData->getName(); echo $oneData->getPassword();?>d 阅读全文
posted @ 2012-02-23 14:00 码农13 阅读(321) 评论(0) 推荐(0) 编辑
摘要: php textarea中的换行符为"\r\n"不是'\n'不是"<br />"不是'\r\n'不是'\r'+'\n' 阅读全文
posted @ 2012-02-23 13:56 码农13 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 本函数可能理论上说有些不地道,把utf-8的中文字符和char一视同仁,都按长度为1计算function string_substring($string,$start,$length) { $countstart=0; $countlength=0; $printstring=""; for($i=0;$i<strlen($string);$i++) { while($countstart<$start) { $countstart++; if(ord(substr($string,$i,1))>128) { $i+=3; } else{ $i++; } 阅读全文
posted @ 2012-02-23 13:54 码农13 阅读(178) 评论(0) 推荐(0) 编辑
摘要: PHP session 变量用于存储有关用户会话的信息,或更改用户会话的设置。Session 变量保存的信息是单一用户的,并且可供应用程序中的所有页面使用。理解:session用于单一用户与服务器的交互,每个用户的session都是不一样的。session作为全局变量,在浏览器开户期间所有页面内有效。Session 的工作机制是:为每个访问者创建一个唯一的 id (UID),并基于这个 UID 来存储变量。UID 存储在 cookie 中,亦或通过 URL 进行传导。在把用户信息存储到 PHP session 中之前,首先必须启动会话。注释:session_start() 函数必须位于 < 阅读全文
posted @ 2012-02-23 13:51 码农13 阅读(219) 评论(0) 推荐(2) 编辑
摘要: <?php $fileName=$_GET['file']; header('Content-type:application/force-download'); header('Content-Disposition:inline,filename='.$fileName); $fp=fopen("文件目录".$fileName, "r"); $content=fread($fp, filesize("文件目录".$fileName)); echo $content;?> 阅读全文
posted @ 2012-02-23 13:49 码农13 阅读(136) 评论(0) 推荐(0) 编辑