1.如果要li中的a标签中的字体和 图片都会居中 必须在img标签中 加入align="absmiddle"

<li><a>哈哈</a><img src="1.jpg" align="absmiddle" /></li>

2.去掉li前面的符号

li{list-style:none;}

3. HTML中<a>标签的样式

a:link{} 没放过的链接样式

a:visited{}访问过的链接样式

a:hover{} 鼠标进入链接区域的链接样式

a:active{} 点击连接时的链接样式

4. HTML中 title 上的 ICO格式LOGO

网上有ICO在线制作工具 将准备好的图片 生成ICO后 下载到自己的web根目录下

然后再网站<head>

          <LINK rel="Bookmark" href="p_w_picpaths/LOGO_16.ico" >

          <LINK rel="Shortcut Icon" href="p_w_picpaths/LOGO_16.ico" />

          </head>

这样就OK了。

5.cursor:pointer 这个参数 是让鼠标 变成手型

6.浏览器最上面加阴影，给网页一种立体感 

body:before {

          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;
          box-shadow: 0px 0px 10px rgba(0,0,0,.8);
          z-index: 100;
}

7.浏览器中 想让一段内容不能让人复制，可以用css3代码user-select来实现：

.nocp {

   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}

<div class="nocp">

这个nocp div中的内容 就不能被鼠标选中 进行复制了。可以测试一下效果。

</div>

8.css3中新属性：flexbox 能够让水平居中后 再垂直居中。如果平常做法很让我们头疼。看代码

<style>

.center {
  width: 300px;
  height: 200px;
  padding: 10px;
  border: 1px solid #ccc;
  margin: 20px auto;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
}
.center img,
.text {
  border: 1px solid #dedede;
  padding: 2px;
}
</style>
 

<div class="center">

  <img src="http://www.baidu.com/img/baidu2013black_1cbd758764629ddad1f89ab190328f2c.gif" alt="" />
</div>
<div class="center">
  <div class="text">我就一行文字</div>
</div>
<div class="center">
  <div class="text">
    我是多行文字<br />
    我是多行文字
  </div>
</div>

9.让背景图片，满屏

body{

    url('1.jpg' ) no-repeat center center;
    background-size:cover;
    }