学习CSS过程中收集的

• 修复使用sub和sup时的行间距问题

sub,sup{
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}
sup{
 top:-0.5em;
}
sub{
 bottom: -0.25em;
}
.p{
 letter-spacing: 4em;/* 字母间距(字偶距) /
 word-spacing: 0.4em/5px;/ 字间距 /
 text-indent: 1.5em/18px;/ 段落第一行缩进 /
 white-space: pre/nowrap/normal;/ 空格输出格式 /
 text-transform: ;/ 修改文本大小写 /
 font-variant:;/ 使用小型大写字母 */
}

---

• background-attachment: fixed/scroll;背景随页面滚动
  头部上 class="clearfix"

---

• 通常情况下，<pre></pre>保证原样输出，因此关闭了自动换行，可通过CSSpre{white-space:pre-warp;}开启自动换行

---

• 为单个元素应用多重背景

.neight-sky{
  background-color: #333;
 background-image: url(),url(),url();
 background-position: 50% 102%,100% -150%,0% -150%;
  background-repeat: no-repeat,no-repeat,no-repeat;
}
简写
.neight-sky{
 background-color: #333;
 background:url() 0 0 no-repeat,url() 0 0 no-repeat;多写几遍就好
}

• 试用渐变背景

.neight-sky{
 background: linear-gradient(left,#333,#777);
 linear-gradient 线性渐变
 radial-gradient 径向渐变 多色渐变
 background(top,#ff0000 0%,#00ff00 50%,#0000ff 100%);
}

---

• 浏览器模式操作
  -moz- Firefox及其他使用Mozilla渲染引擎的浏览器
  -webkit- Chrome,Safari
  -o- Opera
  -ms- IE8及以上

---

• CSS字体嵌入

@font-face{
 font-family: ;
 src:url() format();
 font-style: ;
 font-weight: ;
}