转自：http://blog.csdn.net/wellnode/archive/2010/03/24/5408943.aspx
目前在市面上有多种定位系统，包括
Zigbee
、
WiFi
等，以及最新的
CSS
定位系统。从定位原理上分析，一般的定位系统都可以归纳到基于时间的系统、基于信号强度系统，而这两类系统都有着各自的共性。下面以这两种系统的典型代表
CSS
系统（基于时间）和
Zigbee
系统（基于信号强度）进行比较，从而得出其是否适用的结论。
以下对比均设定
CSS
系统和
Zigbee
系统的射频功率为
0dBm, 1mW
。
一、
测量原理
从原理上说，任何定位系统首先需要获取邻节点之间的距离。
CSS
采用
SDS-TW
的测量方法，获取双向传输的时间，进而获取节点距离；
Zigbee
采用测算节点之间连接信号强度
(RSSI)
的方法，利用无线信号的空间传输衰减模型估算出节点间传输距离。
图1
CSS
基于
SDS-TW
算法距离测量原理
图2
Zigbee
基于RSSI
信号传输衰减模型的测量原理
从上述图
1
可以看出，
CSS
进行了精确的双向到达时间测量以及内部反应时间测量。由于采用了高质量的时钟电路，精确度可以达到
1ns,
因而实际测量� ......
看到问此问题的很多，所以花点时间整理下，欢迎大家提意见，做补充修改，谢谢！
/*lesliezmz整理的方法 2010-01-19*/
当writing-mode为tb-rl 时，文档流是从上到下，从右到左书写。然后设置text-align: center就可以实现垂直方向上的居中。算是一个小技巧吧。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>利用定位来显示垂直局中的图片</title>
<style type="text/css">
.miao {
width:500px;
height:220px;
line-height:220px;
border: 1px solid;
text-align: center;
}
.miao img {
vertical-align: middle;
}
</style>
<!--[if IE 6]>
<style type="text/css">
.miao span {
border: 1px solid red;
height: 100%; /* 要保证和父元素高度一样才行 */
writing-mode: tb-rl;
vertical-align: middle;
}
</style>
<![endif]-->
</head>
<body>
<h1>固定高宽的容器中，� ......
Firefox hr
兼容问题，在ie中正常显示的hr属性设置，在Firefox里面不管怎么弄都是他妈的不出来，改了不少属性，调整了位置，同时搜索了不少文章，仍然不
行，最后看到一篇文章说ff中必须设置背景颜色才有效果的，真是xxx的，这种问题自己闭门造车的话整上个三天三夜都找不到解决办法啊！
把代码贴出来分享下：
hr {
width:415px; color:#FF0000; background:#FF0000; border:thin; height:1px;
text-align:left;
}
.imghrcontent {
position: absolute; left: 145px; top: 65px;
}
<hr class="imghrcontent" />
参考资料：
通常我们都会定义 HR 的显示外观, 例如显示单行的细线, 像 wiki 这里显示的这样. 不过在 Firefox 浏览器中,
这样的定义会没有任何效果甚至会看不到横线:
HR {
COLOR
:
#
468cad
; height
:
1px; border
:
0;
}
但是只要加入背景色属性, 就能显示了:
HR {
color
:
#
468cad
; background
:
#
468cad
; border
:
0; Height
:
1px;
}
－－－－－－－－－－－
因为IE和Firefox对hr默认的各种属性margin，padding等等都不一样，所以定义为0也没用。
我们可以通过下面的CSS hack来解 ......
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中，margin 都是白色的。Margin 比较特别，它不会影响盒子本身的大小，但是它会
影响和盒子有关的其他内容，因此 margin 是盒模型的一个重要的组成部分。
盒子本身的大小是这样计算的：
宽度 = 自身宽度+左内边距+右内边距+左边框+右边框
高度 = 自身高度+上内边距+下内边距+上边框+下边框
值未声明的情况
如果未声明 padding 或者 border，那他们或者值为零(使用 css reset 时)，或者为浏览器的默认值(很可能不是零，尤其是那些通常没有重置的表单元素)
块级盒的默认宽度
如果未声明宽度，并且盒子是静态或者相对定位的，宽度会保持 100%的 宽度，padding 和 border 会向内推动，而不是向外扩展。
但是，如果明确设置盒子的宽度为 100%，那么 padding 就会向外延展。
The lesson here being that the d ......
查看原文：http://www.csswang.com/css/110.html
导航结构在网站设计中是起到决定性作用的，导航菜单/栏常常通过颜色、排版、形状和一些图片来帮助网站创造更好的视觉和感受，它是网页设计的关键元素。
虽然网站导航菜单的外观是网页设计中关系到整个设计成败与否的关键，但视觉效果也不能影响到网站可用性。最理想的设计是网站的导航既能比其他网站的导航外观更吸引人，又不会夺走网站内容的焦点。
不幸的是，目前还有很多网站在使用过时的导航菜单方式，这样使网站可用性大打折扣。如果导航菜单过分的依赖图片那会失去一定的用户，比如那些网速慢或浏览器设置关闭读取网页图片功能。但是，并不意味着导航一定要朴素简单才能提高访问性及网站可用性。
现在网页教学网归纳一下CSS导航菜单的好处：
1.减少代码量
结合CSS和XHTML来制作导航菜单会比使用Javascript或图片来实现同样效果更加节省代码(CSS可以结合一些图片来制作导航而且代码量很小，而完全使用图片的导航代码量也要多很多)。代码量晓得网站会更有益于搜索引擎的索引排名，而且读取速度会快很多。
2.亲和力
基于CSS的导航菜单对用户来说不但更有可用性，而且更有亲和力。如果� ......
适用于只有一行文字的情况.
.ellipsis{
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
width:200px; height:50px;
overflow:hidden;
white-space:nowrap;
}
text-overflow是CSS3的属性，IE6以上版本、Safari、chrome 支持。它可以带2个参数：
clip [不显示省略标记（...），而是简单的裁切];
ellipsis[当对象内文本溢出时显示省略标记（...）];
Firefox3出来了，仍然不支持text-overflow:ellipsis;
解决方法可以通过Firefox强大的XUL绑定实现如下：
-moz-binding: url('ellipsis.xml#ellipsis');
绑定的XML内容如下：
<?xml version="1.0" encoding="utf-8" ?>
<bindings xmlns="http://www.mozilla.org/xbl" xmlns:xbl="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<binding id="ellipsis">
<content>
<xul:description crop="end" xbl:inherits="value=xbl:text">
<children/>
</xul:description>
</content>
</binding>
</bindings>
xul ......
最新文章 : css