1.新点击的网页，在浏览器导航上显示图标：
像这种效果：
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>标题</title>
<link rel="shortcut icon" href="图片路径">
</head>
只需在head里插入“<link rel="shortcut icon" href="图片路径"> ”。
2.专业术语叫“float引起的div自适应高度无效的解决方案”，其实就是当div无高度时，你要试着清除浮动：
.clear
{
clear:both; }
3.文字环绕图片
<p><img src="图片相对路径" width="239" height="227" alt="" style="float:right;" /> 文字<br>另分段的文字</br>文字</p>
即width="239" height="227"必须有，style="float:right;" 控制放哪边（记得下一步清除浮动，可能不清也没事，以实际情况为主），<br>另分段的文字</br>可实现分段。
4.字体加粗：
1、在html对对象直接加粗可以用<b>或<strong>对其加粗
2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。
5.把div按百分比分了：
<div>
<div id="main" style="width:800px; height:400px;">
<div id="left" style="float:left ; width:50%; height:100%;"></div>
<div id="right" style="float:left ; width:50%; height:100%;"></div> </div>
6.对已有的不合适的class，针对特定的标签进行修改：（以a标签的hover事件为例）
$(".对应标签的类名").hover(function () {
$(".对应标签的类名").css("background-color", "transparent");
$(".对应标签的类名").css("text-decoration", "underline");
}, function () {
$(".对应标签的类名").css("background-color", "transparent");
$(".对应标签的类名").css("text-decoration", "none");
});