04 2013 档案
摘要：原文：http://blog.wangbuying.cn/archives/194
a标签里 嵌套span区块化不起作用
解决办法：
span需要定义属性：display:block
阅读全文
摘要：语法： word-wrap : normal | break-word 参数： normal : 允许内容顶开指定的容器边界break-word : 内容将在边界内换行。如果需要，词内换行（word-break）也行发生 说明： 设置或检索当当前行超过指定容器的边界时是否断开转行。对应的脚本特性为wordWrap。 示例： div { word-wrap: break-word; }兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是以下是引用片段： word-wrap:break-word;overflow:hidden; 而不是以下是引用片段： word-wrap:b...
阅读全文
摘要：li设置了左浮动，li的父元素设置了宽度，但是li 的最后一组文字，因为宽度不够了，显示为了两行了加上white-space:nowrap;后，IE7/8 ，FF 下面，最后一组文字宽度不够就自动换行了，li { overflow-y:hidden; height:27px; line-height:27px; white-space:nowrap; float:left; }只需要加上 在li加上{white-space:nowrap;} 可能因为你没有限制高度的原因
阅读全文
摘要：我们在浏览网页的时候经常看见这样的现象：某个网页在IE6浏览器中打开很正常，但是在IE8里面打开可能完全变形了。或者也有可能出现完全相反的现象。这让Web程序员及设计师往往为了其CSS在各个IE版本下表现怪异而痛苦不已，有时候需要通过专为IE6或者IE8设计单独的定义。IE浏览器则因此被公认为Web程序员的毒药，虽然在微软官网上并没有提供相关的解决方案，但是IE浏览器的兼容性存在的问题却是Web程序员必须熟练掌握的。本文总结了9个IE浏览器上最常见的Bug，以及它们的解决方案。在IE上开发时间中有超过60%的时间是花在和IE的bug进行搏斗，让你的开发生产率严重下降。普通的用户可能不会在意网站
阅读全文
摘要：大家都知道 ul 默认值中，IE 给了 ul 一个 margin 值，而 FF 给了一个 padding 值。如果我们给 ul 加上一个背景或者框架，它就会露出原形，也就是在 IE 中项目符号是在 ul 外面，所以 ul 的宽度是不把项目符号算在里面的（如下图1）；而 FF 是把项目符号算在 ul 里面的（下图2）。这样对 CSS 解释的差异就导致了在不同浏览器中会产生不同的效果。在实际应用中，我们会先把样式重置-css reset（如上图3）。把 margin:0;padding:0; 后会发现项目符号不见了。添加 list-style-position:inside; 后项目符号又回来了（
阅读全文
摘要：原文：http://www.zhangxinxu.com/wordpress/2012/02/css-overflow-hidden-visibility-hidden-disabled-use/为什么会这样？先看下CSS2.1规范中对overflow的一点解释：This property specifies whether content of a block container element is clipped when it overflows the element’s box. It affects the clipping of all of the element’s con
阅读全文
摘要：原文: clearfix Reloaded + overflow:hidden Demystified clearfix 和 overflow:hidden 可算得上是不增加额外标签清除浮动的两个最流行的技术了。 这篇短文介绍了如何改进clearfix进行增强，同时对overflow:hidden进行
阅读全文
只有注册用户登录后才能阅读该文。
摘要：一、absolute正业之元素隐藏元素隐藏与显示是我们在页面制作与交互效果实现中非常常见的，如果您只是使用display:none与display:block/inline来实现DOM元素的显隐控制，那你就out了。就元素的显示与隐藏实现，使用display在有些时候算是比较糟糕的方法了。控制元素显隐的方法很多，但是本文不是讲元素显隐控制的，所以，只讲与absolute相关的一些方法。absolute属性相关的隐藏方法，我知道的有三种，分别如下：.hidden{ position:absolute; top:-9999em;}.hidden{ position:absolut...
阅读全文
摘要：希腊字母 中英文读音及常用意义对照一览表 序 号 大 写 小 写 英文注音 国际音标注音 对应英文字母 中文读音 意 义 对应数值 1 Α α alpha a:lfa a 阿尔法 角度（小写）；系数 1 2 Β β beta beta b, v 贝塔 磁通系数；磁感应强度（大写）；角度（小写）；系数 2 3 Γ γ gamma ga:m g, gh, y 伽马 电导系数（小写） 3 4 Δ δ delta delta d, dh, th 德尔塔 变化量（大写）；屈光度 4 5 Ε ε epsilon ep`silon e 艾普斯龙 对数之基数；电势能（小写） 5 6 Ζ ζ zeta...
阅读全文
摘要：首先我们看看wordpress 2.8后台使用了text-shadow的部分(绿色箭头).觉得怎么样?没错,这些都是CSS3属性,而不是图片做成的.text-shadow是什么?text-shadow早在CSS2中已经存在,而现在CSS3也准备将他加入其中.并且由于一直以来只有Safari支持这个属性所以我们很少见到真正的应用,直到最近Firefox 3.5对它的支持然重新唤起了人们对它的兴趣.text-shadow可以支持给文字加上阴影,这样我们在设计时可以利用css3属性增加文字的质感而不用使用任何图片.目前支持的浏览器有Firefox 3.1+,Safari 3+,Opera 9.5+等
阅读全文
摘要：语法：box-shadow：<length> <length> <length> <length> || <color>取值：<length> <length> <length>? <length>? || <color>：阴影水平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色说明：设置块阴影box-shadow这个属性应用的非常普遍，可以使你的元素立刻变得漂亮起来，只是记得不要把值设得太离谱。box-shadow的四个参数：x-offset x轴偏
阅读全文
摘要：根据顺序、具体性原则。当一个HTML元素被多个样式选择器定义并产生冲突的时候，其权重（优先级）排序如下：id>class>Multi HTML Tag>Single HTML Tag另外需要注意的一点是：内联样式（style＝“”）的优先级别最高，但现在一般不直接定义某个元素的内联样式。
阅读全文
摘要：一.解读absolute与relative http://www.blueidea.com/tech/web/2006/4249.asp很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、B
阅读全文
摘要：1. 合并数组array_merge()函数将数组合并到一起，返回一个联合的数组。所得到的数组以第一个输入数组参数开始，按后面数组参数出现的顺序依次迫加。其形式为：Php代码arrayarray_merge(arrayarray1array2…,arrayN)这个函数将一个或多个数组的单元合并起来，一个数组中的值附加在前一个数组的后面。返回作为结果的数组。如果输入的数组中有相同的字符串键名，则该键名后面的值将覆盖前一个值。然而，如果数组包含数字键名，后面的值将不会覆盖原来的值，而是附加到后面。如果只给了一个数组并且该数组是数字索引的，则键名会以连续方式重新索引。Php代码<?php$fr
阅读全文
摘要：引用一个类的属性和方法就使用->符号。->是调用的意思类 -> 类的成员变量或者成员函数如果得到的结果是对象的话就用-> 名称 来输出内容如果得到的结果是数组的话就用 myarray[] 来输出程序:while ($property = mysql_fetch_field($row)){print_r($property);echo "Field name: " . $property->name . "<br />";}while($rs=mysql_fetch_array($row)){echo $rs[0]
阅读全文
摘要：{}大括号在php中的作用（PHP变量放在大括号里面的含义）
阅读全文
摘要：数组，可以说是PHP的数据应用中较重要的一种方式。PHP的数组函数众多，下面是我学习的小结，借此记之，便于以后鉴之。1. 数组定义数组的定义使用 array()方式定义，可以定义空数组：复制代码代码如下:<?php$number = array(1,3,5,7,9);//定义空数组$result = array();$color =array("red","blue","green");//自定义键值$language = (1=>"English",3=>"Chinese",
阅读全文
摘要：floor 舍去法取整 语法格式:float floor ( float value )返回不大于value 的下一个整数，将value 的小数部分舍去取整。floor() 返回的类型仍然是float，因为float 值的范围通常比integer 要大。echo floor(4.3); // 4echo floor(9.999); // 9ceil 进一法取整 语法格式: float ceil ( float value )返回不小于value 的下一个整数，value 如果有小数部分则进一位。ceil() 返回的类型仍然是float，因为float 值的范围通常比integer 要大echo
阅读全文
摘要：在本次修改模板过程中，span宽度问题始终困扰着我ie7下好了，ie6下又出问题。因为我是菜鸟，经过百度+google后发现，在css2的标准中，查阅关于width的定义，原来css中的width属性并不总是有效的，如果对象是inline对象，width属性就会被忽略。Firefox和IE都遵循了这个标准。下面代码的css定义完美解决了span的宽度设置问题。由于浏览器通常对不支持的css属性采取忽略处理的态度，所以最好将display:inline-block行写在后面，这样在Firefox里面，如果到了未来的Firefox 3，这一行就能起作用，代码可以同时兼容各种版本。<!DOCT
阅读全文
摘要：你对IE和火狐浏览器的CSS区别是否熟悉，这里和大家一起探讨一下，相信本文介绍一定会让你有所收获。IE和火狐浏览器的CSS区别1、IE6.0的div的内嵌div可以把父级的高度撑大，而FireFox不可以，要自己设置高度。2、当设置为三列布局时，IE6.0的float宽度不能达到100％，而FireFox可以。当设置为两列布局时，两种浏览器都可以。3、在火狐浏览器中，非float的div前面有同一父级的float的div，此div若有背景图，要使用clear：both，才能显示背景图，而IE6.0中不用使用clear：both。4、在[text-decoration:underline]的属性
阅读全文
摘要：日程表的前端程序的核心是，通过PHP脚本生成一个当前日期的日历表格，再通过遍历数据中的消息事件，在有事件提醒的日期生成一个有"event"标识的链接，单击该链接就可以异步将对应的提醒信息显示在日历表格的下方。PHP生成的日历PHP生成日历是这个模块逻辑上最复杂的部分，下面来看如何生成一个标准的日历。日历展示的部分是将星期和日期通过一张二维表格输出到浏览器中的。日历表格的形式如图9.6所示。图9.6 日历表格样式现在以2010年6月14日为例说明。6月份共有30天，在这个日历表中共5行，首先需要确定当前所在的日期（当然也可以指定一个日期），比如14日，通过表格可以知道它在第3
阅读全文
摘要：PHP星期几获取代码： 1 date("l"); 2 //data就可以获取英文的星期比如Sunday 3 date("w"); 4 //这个可以获取数字星期比如123，注意0是星期日 获取中文星期几： 1 $weekarray=array("日","一","二","三","四","五","六"); 2 //先定义一个数组 3 echo "星期".$weekarray[date("w&q
阅读全文
摘要：一.创建树形图利用“框图”模板，您可以使用树形状来表示层次结构，例如家庭或赛事计划。在“文件”菜单上，依次指向“新建”、“常规”，然后单击“框图”。从“块”和“具有凸起效果的块”模具中，将块形状拖到绘图页上，以表示树结构中的层次。要向形状添加文本，请选择该形状，然后键入文本。通过连接形状来指示块之间的关系：将形状从模具拖动到绘图页上，将其放置在另一个形状的附近。按住鼠标按钮，将指针移动到某个蓝色三角形之上。该三角形将变为深蓝色。松开鼠标按钮。该形状将放置在绘图页上，并且向两个形状添加并粘附了一根连接线。提示要反转连接线上箭头的方向，请在“形状”菜单上，指向“操作”，然后单击“颠倒两端”。使用树
阅读全文
