随笔分类 - 网站重构
摘要：怎么样能写好高效率的CSS呢，一些初学者不注意的很多细小问题，当这些问题集中爆发，那么问题就大了。1、*{ margin:0; padding:0;} 请不要使用全局Reset：既然是全局的定义，那么他会吧所有标签都处理一遍，增加了浏览器解析的时间。有些标签其实没有必要处理，2、display与visibility的差异他们用于设置或检索是否显示对象。display隐藏对象不保留物理空间，visibility为隐藏对象保留占据的物理空间。当浏览器渲染被占据的物理空间时，会有所消耗资源。所以不赞成用visibility:hidden;3、border:none;与border:0;的区别有些同学
阅读全文
摘要：by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1463 一、简短的前言 之前曾作有“页面重构鑫三无准则之无宽度准则”一文，属于流体布局系列中的偏理论性的文章，本文也是这种性质的，可谓是“无宽度准则”一文的延续。 “无宽度准则”是说内部元素不要定宽，但是，除非你的页面是像google的产品页面一样都是100%自适应的，那么页面的终归会有一个固定的宽度值，一般出现在页面的结构部分（主宽度，侧栏，中栏）、以及等宽列表部分，而这些就是本文要讨论的对象。 跳出围墙，enjo
阅读全文
摘要：by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1098 一、“无”的哲学 佛家讲究“因果报应”，有果必有应。此段看似与主题没有血缘关系，实际讲的是“因”。 我个人比较喜欢老子的道家思想，并喜欢以其思想解释学习与工作中遇到的一些问题。例如我之前写过的“中国古代道家思想与网页重构的思考”一文。 老子有云：“天下万物生于有，有生于无”。具体解释就是：天下万物都是由看得见的具体事物（“有”）产生的，而看得见的具体事物（“有”）又是由看不见的，无形无状的东西（“无”）产生的
阅读全文
摘要：by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=944 一、写在前面的 都是自己积累形成的一些东西，可能带有明显的个人印记。不是专业内容，不是权威指南，只是展示一点自己的观点，借此希望能与各位优秀的同行交流看法，见解。以得到进步与提高。 本文原地址：http://www.zhangxinxu.com/wordpress/?p=944，来自张鑫旭-鑫空间-鑫生活，访问原出处更多优秀技术文章。 本文作者：张鑫旭，欢迎访问我的个人网站。 二、我所知的一些过往的做法 关于如
阅读全文
摘要：做了个鼠标经过的效果，结果ie6下怎么都不出来，样式和js一点儿问题都没有，最后想起来是中文注释在作怪，去掉中文注释或者css在utf-8编码格式下就好了哦，顺便说下页面和css编码格式一定要utf8的，在DW菜单>修改>页面属性下修改就好了 css是这样的 @charset "utf-8";（有些是gb2312的改过来之后，看看以后再新建的话，应该就是utf-8了，这样可以避免中文乱码）页面里头部是这样的 <meta http-equiv="Content-Type" content="text/html; charset=
阅读全文
摘要：by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1287 一、有话要说 以前写内容基本上都是：眼睛一亮——哟呵，这个不错，写！然后去古人所说的茅房里蹲会儿，就有写作的思路了。但是，构思相对/绝对(relative/absolute)定位系列却有好些时日，考虑到： 1、 琐碎的俗称tip的东西不少，如何寻找主线串联； 2、 不少自己“非主流”的破常规的观点，如何一句话提炼，如何清晰表述，如何让人易于理解； 3、 relative/absolute/z-index本身关
阅读全文
摘要：by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1330 //zxx:直接接上回 一、常见absolute布局的替代实现方案 absolute属性配合left/top/right/bottom属性具有极强的定位性。这种功能特性是如此的明显与强烈，可能会让页面重构人员很单纯的被这一特性“捕获”，而产生迷失。 一板一眼的描述可能难以理解，举个通俗点的例子吧： 一个脸蛋不错身材超好的姑娘穿上超PP的衣服后是如此的光艳动人，对于我们这类常年困居于深宅大院的光棍男来讲，这种美
阅读全文
摘要：by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1528 //zxx:直接接上回 一、absolute正业之元素隐藏 元素隐藏与显示是我们在页面制作与交互效果实现中非常常见的，如果您只是使用display:none与display:block/inline来实现DOM元素的显隐控制，那你就out了。就元素的显示与隐藏实现，使用display在有些时候算是比较糟糕的方法了。 控制元素显隐的方法很多，但是本文不是讲元素显隐控制的，所以，只讲与absolute相关的一些方
阅读全文
摘要：犯了个错误，css命名不能以数字开头，否则就不起作用了哦，今天无意中碰到的这个问题，以前到是没有注意到这个情况。。。。另外单独定义莫个li时，前面的父级要写全 .loginbox_ul li{float:left;height:30px;line-height:30px;width:100px;background:;}.loginbox_ul li a:link,.loginbox_ul li a:visited{color:#6666cc;}.loginbox_ul .last{border:none;font-size:24px;display:none;} <ul class=&
阅读全文
摘要：以下是css部分：（注意表格中不要写高度，要不然会随着高度行距撑大！二是table中写上border-collapse:collapse加上背景色；td中写出border的边框色，这样一个普通表格就写好了，这种写法是不是更简洁呢！）.timebox{width:174px;margin:0 auto;border-collapse:collapse;background:#eee}.timebox td{padding:5px 15px;text-align:left;border:1px solid blue;} 以下是页面部分： <table class="timebox&
阅读全文
摘要：众所周知（玩CSS滴，CSSer），IE浏览器是从IE7.0才开始支持min-height,min-width及max-height,max-width滴，IE6及IE6以前的浏览器都不支持这几个属性。 那么如何让IE6也支持这几个属性呢？回答是不可能滴，除非Microsoft给它们升级，显然，这是不现实的，目前正紧张开发IE8中。 既然不能让IE6也支持这几个属性，那么就得想办法让它们拥有“类似”属性，以实现相同的效果。 如：要在IE6实现min-height效果。 如果不再单纯的在min-height上较劲，而是把想法变通，要使IE6拥有类似属性其实也是非常简单，用一个简单的Css Hac
阅读全文
摘要：嵌套div中margin-top转移问题的解决办法在这两个浏览器中，有两个嵌套关系的div，如果外层div的父元素padding值为0，那么内层div的margin-top或者margin-bottom的值会“转移”给外层div。以上边缘为例：<div style="background-color:green; color:white;" >绿色</div><div style="background-color: black;height:300px; padding-top:0px;"><div style
阅读全文
摘要：作者的blog：http://www.planabc.net z-index属性简介 引用: z-index : auto | number auto：默认值。number：无单位的整数值，可为负数。 z-index 值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而z-index 值为负数的对象在其之下。 注意：这个属性不会作用于窗口控件，如selct 对象。在IE 5.5＋中，iframe 对象开始支持此属性。而在之前的浏览器版本中，iframe 对象是窗口控件，会忽略此属性。 z-index属性适用于定位元素（po
阅读全文
摘要：什么是 SHTML 使用SSI（Server Side Include）的html文件扩展名，SSI（Server Side Include），通常称为“服务器端嵌入”或者叫“服务器端包含”，是一种类似于ASP的基于服务器的网页制作技术。 SSI工作原理： 将内容发送到浏览器之前，可以使用“服务器端包含 (SSI)”指令将文本、图形或应用程序信息包含到网页中。例如，可以使用 SSI 包含时间/日期戳、版权声明或供客户填写并返回的表单。对于在多个文件中重复出现的文本或图形，使用包含文件是一种简便的方法。将内容存入一个包含文件中 即可，而不必将内容输入所有文件。通过一个非常简单的语句即可调用包含.
阅读全文
摘要：http://www.sina.com.cn 2006年04月24日16:54 天极yesky 作者：猴年马月 每一个网页或者说是web页都有其固定的后缀名，不同的后缀名对应着不同的文件格式和不同的规则、协议、用法，最常见的web页的后缀名是.html和.htm，但这只是web页最基本的两种文件格式，今天我们来介绍一下web页的其它一些文件格式。 <SCRIPT LANGUAGE="JavaScript1.1" SRC="http://204.adsina.allyes.com/main/adfshow?user=AFP6_for_SINA|tech
阅读全文
摘要：盒子标签和属性对照 CSS语法（不区分大小写） JavaScript语法（区分大小写） border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomW...
阅读全文
摘要：“Sprite”(精灵)这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要 同时保持画面流畅。“Sprite”就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。 Sprite被定位到一副静态图片上，并且通过简单的程序或硬件即可正确定位到画面上，一...
阅读全文
摘要：CSS起名表元素：element页头：header登录条：loginbar标志：logo侧栏：sidebar广告：banner导航：nav子导航：subnav菜单：menu子菜单：submenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guide服务：serv...
阅读全文
摘要：内容提要： 1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 2：行内元素有哪些？块级元素有哪些？CSS的盒模型？ 3.CSS引入的方式有哪些? link和@import的区别是? 4.CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？ 5:前 1.Doctype? 严格模式与混杂模式-如何触发这两...
阅读全文
摘要：内容提要： 大家都知道在IE浏览器中，可以使用一段代码 body {filter: gray;} 用微软的滤镜代码将网站整体去色成为黑白灰色调效果，但是并不兼容firefox等其他非IE浏览器。 大家都知道在IE浏览器中，可以使用一段代码 body {filter: gray;} 用微软的滤镜代码将网站整体去色成为黑白灰色调效果，但是并不兼容firefox等其他非IE浏览器。 C...
阅读全文
浙公网安备 33010602011771号