整理友情链接

今天总算有时间把我的友情链接整理了一遍,基本上打不开的都删除了,有些莫明的无奈,为什么大家总不能坚持的做一件事呢?放弃的话,那么之前写的那么多内容就这么白白浪费了么?算了,也许这个世界就是这个样子吧……

另外请 丁丁 筒子帮我写了段代码“DIV中滚动条设置到随机位置(CSS+Javascript)
代码如下:

程序代码 程序代码
<div id="cc" style="height:250px;width:200px;overflow-y:scroll;overflow-x:hidden;">
<li>01</li><li>02</li><li>03</li><li>04</li><li>05</li><li>06</li><li>07</li><li>08</li>
<li>09</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li>
<li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li>
<li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li>
<li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li>
<li>41</li><li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li><li>48</li>
</div>
<script>
var obj = document.getElementById("cc");
obj.scrollTop=obj.scrollHeight*(Math.random());
</script>

解决了我友情链接中太多,用滚动条又不想每次都只看的是上面几个链接的问题~
嗯嗯~ scrollTop、scrollHeight这两个一个是滚动了多高,一个是滚动条共有多长是我知道的,就是不知道还是Math.random()这个可以得到随机数,真是有意思啊~

2007年3月15日

x 方向margin(以及border,padding,width等),有一套详细的规则。
y 方向普通block元素要稍微简单一点,基本是根据内容定。

首先 x 方向, margin+border+padding+width = containing block

这个还要分 inline 元素,block元素和定位元素几种情况来看呢。

如果你说的是block元素,首先它要有一个containing block.

这个宽度是固定的,如果你同时设定了marign-left和margin-right以及width,在从左到右的语序中,右边margin会被忽略。

他设定的值会被忽略,而根据上面的公式重新计算。

比如containing block 100px,
margin:0 50px; width:80px;
最后实际的margin-right不是50而是100-50-80 = -30 px

最好还是看css spec 的 visual formatting model 部分

margin表示一个距离,距离是没有参考线的。

containing blocks
http://www.w3.org/TR/CSS21/visuren.html#containing-block

margin-bottom 应该表示 border-bottom 边缘位于 containg block 下边缘时候的取值。

OPERA也推出开发工具Opera developer tools

http://dev.opera.com/articles/view/opera-developer-tools/
也是一个可以查DOM、即时编写JS、HTML、CSS的工具,用OPERA打开上面的网址后,点击那个“ Developer Console.” 在弹出的对话框中添加按纽到OPERA中,然后在把按纽拖动到OPERA合适的位置就可以用了~
详细用法大家可以看这个网址:http://dev.opera.com/articles/view/opera-developer-tools/?page=2#docs

至此,加上IE的Developer Toolbar和FF的FireBug,三大浏览器都为广大WEB开发者提供了开发工具,只是希望大家在显示网页时可不可以统一一下啊,光推出个Developer Toolbar也解决不了根本问题啊~

另:Internet Explorer Developer Toolbar 下载地址:
http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&DisplayLang=en
Firefox FireBug 下载地址:
http://getfirebug.com/

再另:Internet Explorer Developer Toolbar 偷偷的在2007-1-12号更新了……