CSS

.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

兼容性参考：http://caniuse.com/#feat=css3-boxsizing

#box {
  height: 90px;
  line-height: 90px;
}

background-size: 50% 50%;

不过不是所有浏览器都支持的。

div { height:100vh; }

说明：vh是viewport height，单位是%，如果前面不是100而是1，就表示窗口高度的1%。据说所有浏览器都支持。

background: #6cab26;
background-image: url(IMAGE_URL); /* fallback */
background-image: url(IMAGE_URL), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
background-image: url(IMAGE_URL), -webkit-linear-gradient(top, #6cab26, #6ceb86); /* Chrome 10+, Saf5.1+ */
background-image: url(IMAGE_URL),    -moz-linear-gradient(top, #6cab26, #6ceb86); /* FF3.6+ */
background-image: url(IMAGE_URL),     -ms-linear-gradient(top, #6cab26, #6ceb86); /* IE10 */

用CSS实现：

textarea.fooClass { resize: none; }

<div>
   <img style="width:30px;height:60px;vertical-align:middle">
   <span style="">Works.</span>
</div>

background-color:rgba(255,0,0,0.5);

不能用opacity

opacity: 0.5

相关链接：CSS怎样做背景半透明但文字不透明效果