Feng's Blog

要学的真多，主要是了解下，方便以后进一步学习以及用。

今天碰到了：javascript:void(0); 不知怎么看都不明白什么意思，为什么要这么写……………………

是我的jTemplates学习资料，当然是来自网上的！！

如下js代码，取自：http://bjmun.org/

$(function(){
   $('#s').focus(function() {  //设置获得焦点时的方法，让文本框变长
	$(this).animate({width: "215"}, 300 );	
	$(this).val(''); //用于清空内容，可选操作
   });

   $('#s').blur(function() {  //设置失去焦点时的方法，让文本框变短
	$(this).animate({width: "100"}, 300 );
   });
});

line-height 属性设置行间的距离（行高）。

该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

总结：line-height减去font-size，所得的高是当前文字的顶端距离上一行文字的底端的长度。或者说是line-height包含了font-size，而其差值则平分在font-size即文字的上下两侧了！

    其中line-height似乎不能为负的样子，但它与font-size的差值可以为负，如果为负的话，二行文本就会出现重叠现象了！

  需要注意的是line-height可以填相对值，如1，表示与font-size同。

本文仅仅作个记录，若要详细了解请自行网上搜索或见参考资料。

参考资料：

  http://www.w3school.com.cn/css/pr_dim_line-height.asp

  关于使用line-height单行文本的垂直居中问题

.build-group h3, .build-group ul {
    background: none repeat scroll 0 0 rgba(133, 156, 228, 0.1);
    border: 1px solid #1B335B;
    box-shadow: 1px 1px 8px 1px #1B335B inset;
    float: left;
    font: 20px 'MuseoSans500',sans-serif;
    margin: 0;
    padding: 20px 30px;
}

今天在逛http://nightly.mozilla.org/的时候，看到有内阴影效果，一看源代码居然box-shadow还有内阴影设置…… 兴奋又无奈啊。

来分析下box-shadow的参数吧

  前参数是设置阴影的位置，第三个是设置阴影的模糊度，第四个是设置阴影的范围大小

  第五个就是设置颜色（可以用rgba），最后一个是设置是不是内阴影，如不设置默认是外阴影

  PS：阴影可以是多重的，多重间用“,”隔开！！

还有连背景色也能用rgba方式定义半透明效果了呢！

参考资料：

   https://developer.mozilla.org/en/CSS/box-shadow