CSS-tutorial
/
index.html

<!DOCTYPE html>
<html lang="zh">
<head>
 <meta charset="utf-8">
 <title>探究CSS3_CSS教程_CSS3教程-歪脖网</title>
 <meta name="keywords" content="探究CSS3, CSS, CSS3, CSS教程, CSS3教程" />
 <meta name="description" content="《探究CSS3》是一本开源的CSS教程，系统介绍整个CSS体系，全面涵盖CSS1、CSS2.1、CSS3, 让零基础web前端工程师从入门CSS，到完全精通CSS, 学CSS3和CSS就上歪脖网" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
 <link href="http://localhost/waibo/css/bootstrap.min.css" rel="stylesheet" />
 <link href="http://localhost/waibo/css/bootstrap-responsive.min.css" rel="stylesheet" />
 <link href="http://localhost/waibo/css/style.css" rel="stylesheet" />

 <script src="http://localhost/waibo/js/jquery.js"></script>
 <script src="http://localhost/waibo/js/script.js"></script>
</head>

<body>
 <div class="topbar">
 <div class="eyebrow hidden-phone">
 <div class="container">
 <ul class="pull-left">
   <li><a href="http://www.waibo.wang/" target="_blank">歪脖网</a>欢迎您！</li>
 </ul>
 <ul class="pull-right">
  <li><a href="http://www.waibo.wang/user/">登录</a></li>
  <li class="b">|</li>
  <li><a href="http://www.waibo.wang/user/register.asp" target="_blank">注册</a></li>
 </div>
 </div>

<div class="topnav">
<div class="container">
  <div class="row-fluid mtz">
  <div class="span3 topnav-logo">
    <a href="http://www.waibo.wang/"><p class="logo-cn">歪脖网</p><p class="logo-en hidden-phone">waibo.wang</p></a>
  </div>
  <div class="span6 nav">
   <ul>
     <li ><a href="http://www.waibo.wang/">首页</a></li>
     <li class="active"><a href="http://localhost/waibo/">教程</a></li>
     <li ><a href="http://www.waibo.wang/wiki/">专栏</a></li>
     <li ><a href="http://www.waibo.wang/demo/">素材</a></li>
   </ul>
  </div>
  <div class="span3 topnav-form">
  </div>
 </div>
 </div>
 </div>
 </div>


 <div class="container">
 <div class="row-fluid">
 <aside class="span3">
 <div class="card">
  <div class="head">
    <h4>前端教程</h4>
  </div>
  <div class="heading">
    <h3><a class="active" href="http://localhost/waibo/bible/css3/">探究 CSS</a></h3>
  </div>
</div>
 <div id="ad2-01" class="ad-aside"></div>
 </aside>

 <main class="span9">
 <div class="card">
 <p class="h">
 探究 CSS
 </p>
 <p class="hide-text">《探究CSS3》是一本开源的CSS教程，系统介绍整个CSS体系，全面涵盖CSS1、CSS2.1、CSS3, 让零基础web前端工程师从入门CSS，到完全精通CSS, 学CSS3和CSS就上歪脖网</p>
 <hr/>
 <div class="contents">
<h1><a href="http://localhost/waibo/bible/css3/html/0/0.html">前言</a></h1>
<h1><a href="http://localhost/waibo/bible/css3/html/0/0.0.html">版权声明</a></h1>
<h1>第 1 章 <a href="http://localhost/waibo/bible/css3/html/1/1.html">CSS基础</a></h1>
  <h2>1.1 <a href="http://localhost/waibo/bible/css3/html/1/1.1.1.html">CSS简介</a></h2>
    <h3>1.1.1 <a href="http://localhost/waibo/bible/css3/html/1/1.1.1.html">认识CSS</a></h3>
    <h3>1.1.2 <a href="http://localhost/waibo/bible/css3/html/1/1.1.2.html">CSS简史</a></h3>
  <h2>1.2 <a href="http://localhost/waibo/bible/css3/html/1/1.2.1.html">CSS开发环境</a></h2>
    <h3>1.2.1 <a href="http://localhost/waibo/bible/css3/html/1/1.2.1.html">编辑工具</a></h3>
    <h3>1.2.2 <a href="http://localhost/waibo/bible/css3/html/1/1.2.2.html">预览工具</a></h3>
  <h2>1.3 <a href="http://localhost/waibo/bible/css3/html/1/1.3.1.html">CSS语法</a></h2>
    <h3>1.3.1 <a href="http://localhost/waibo/bible/css3/html/1/1.3.1.html">样式规则语法</a></h3>
    <h3>1.3.2 <a href="http://localhost/waibo/bible/css3/html/1/1.3.2.html">CSS注释语法</a></h3>
  <h2>1.4 <a href="http://localhost/waibo/bible/css3/html/1/1.4.1.html">CSS属性的值</a></h2>
    <h3>1.4.1 <a href="http://localhost/waibo/bible/css3/html/1/1.4.1.html">数字</a></h3>
    <h3>1.4.2 <a href="http://localhost/waibo/bible/css3/html/1/1.4.2.html">长度</a></h3>
    <h3>1.4.3 <a href="http://localhost/waibo/bible/css3/html/1/1.4.3.html">百分数</a></h3>
    <h3>1.4.4 <a href="http://localhost/waibo/bible/css3/html/1/1.4.4.html">颜色</a></h3>
    <h3>1.4.5 <a href="http://localhost/waibo/bible/css3/html/1/1.4.5.html">URI</a></h3>
    <h3>1.4.6 <a href="http://localhost/waibo/bible/css3/html/1/1.4.6.html">时间</a></h3>
    <h3>1.4.7 <a href="http://localhost/waibo/bible/css3/html/1/1.4.7.html">角度</a></h3>
  <h2>1.5 <a href="http://localhost/waibo/bible/css3/html/1/1.5.1.html">创建样式表</a></h2>
    <h3>1.5.1 <a href="http://localhost/waibo/bible/css3/html/1/1.5.1.html">创建外部样式表</a></h3>
    <h3>1.5.2 <a href="http://localhost/waibo/bible/css3/html/1/1.5.2.html">创建内嵌样式表</a></h3>
    <h3>1.5.3 <a href="http://localhost/waibo/bible/css3/html/1/1.5.3.html">创建内联样式表</a></h3>
    <h3>1.5.4 <a href="http://localhost/waibo/bible/css3/html/1/1.5.4.html">样式表的优先级</a></h3>
    <h3>1.5.5 <a href="http://localhost/waibo/bible/css3/html/1/1.5.5.html">样式继承与层叠</a></h3>
<h1>第 2 章 <a href="http://localhost/waibo/bible/css3/html/2/2.html">CSS选择器</a></h1>
  <h2>2.1 <a href="http://localhost/waibo/bible/css3/html/2/2.1.1.html">概述</a></h2>
    <h3>2.1.1 <a href="http://localhost/waibo/bible/css3/html/2/2.1.1.html">HTML DOM</a></h3>
    <h3>2.1.2 <a href="http://localhost/waibo/bible/css3/html/2/2.1.2.html">选择器的分类</a></h3>
  <h2>2.2 <a href="http://localhost/waibo/bible/css3/html/2/2.2.1.html">基本选择器</a></h2>
    <h3>2.2.1 <a href="http://localhost/waibo/bible/css3/html/2/2.2.1.html">元素选择器</a></h3>
    <h3>2.2.2 <a href="http://localhost/waibo/bible/css3/html/2/2.2.2.html">类选择器</a></h3>
    <h3>2.2.3 <a href="http://localhost/waibo/bible/css3/html/2/2.2.3.html">id选择器</a></h3>
    <h3>2.2.4 <a href="http://localhost/waibo/bible/css3/html/2/2.2.4.html">群组选择器</a></h3>
    <h3>2.2.5 <a href="http://localhost/waibo/bible/css3/html/2/2.2.5.html">通配选择器</a></h3>
  <h2>2.3 <a href="http://localhost/waibo/bible/css3/html/2/2.3.1.html">关系选择器</a></h2>
    <h3>2.3.1 <a href="http://localhost/waibo/bible/css3/html/2/2.3.1.html">后代选择器</a></h3>
    <h3>2.3.2 <a href="http://localhost/waibo/bible/css3/html/2/2.3.2.html">子代选择器</a></h3>
    <h3>2.3.3 <a href="http://localhost/waibo/bible/css3/html/2/2.3.3.html">相邻同胞选择器</a></h3>
    <h3>2.3.4 <a href="http://localhost/waibo/bible/css3/html/2/2.3.4.html">同胞选择器</a></h3>
  <h2>2.4 <a href="http://localhost/waibo/bible/css3/html/2/2.4.html">属性选择器</a></h2>
  <h2>2.5 <a href="http://localhost/waibo/bible/css3/html/2/2.5.html">伪元素选择器</a></h2>
  <h2>2.6 <a href="http://localhost/waibo/bible/css3/html/2/2.6.1.html">伪类选择器</a></h2>
    <h3>2.6.1 <a href="http://localhost/waibo/bible/css3/html/2/2.6.1.html">链接伪类选择器</a></h3>
    <h3>2.6.2 <a href="http://localhost/waibo/bible/css3/html/2/2.6.2.html">结构伪类选择器</a></h3>
    <h3>2.6.3 <a href="http://localhost/waibo/bible/css3/html/2/2.6.3.html">否定伪类选择器</a></h3>
    <h3>2.6.4 <a href="http://localhost/waibo/bible/css3/html/2/2.6.4.html">目标伪类选择器</a></h3>
    <h3>2.6.5 <a href="http://localhost/waibo/bible/css3/html/2/2.6.5.html">语言伪类选择器</a></h3>
    <h3>2.6.6 <a href="http://localhost/waibo/bible/css3/html/2/2.6.6.html">UI状态伪类选择器</a></h3>
<h1>第 3 章 <a href="http://localhost/waibo/bible/css3/html/3/3.html">字体和文本</a></h1>
  <h2>3.1 <a href="http://localhost/waibo/bible/css3/html/3/3.1.1.html">字体</a></h2>
    <h3>3.1.1 <a href="http://localhost/waibo/bible/css3/html/3/3.1.1.html">字体系列</a></h3>
    <h3>3.1.2 <a href="http://localhost/waibo/bible/css3/html/3/3.1.2.html">字体大小</a></h3>
    <h3>3.1.3 <a href="http://localhost/waibo/bible/css3/html/3/3.1.3.html">字体粗细</a></h3>
    <h3>3.1.4 <a href="http://localhost/waibo/bible/css3/html/3/3.1.4.html">字体风格</a></h3>
    <h3>3.1.5 <a href="http://localhost/waibo/bible/css3/html/3/3.1.5.html">字体变形</a></h3>
    <h3>3.1.6 <a href="http://localhost/waibo/bible/css3/html/3/3.1.6.html">字体拉伸</a></h3>
    <h3>3.1.7 <a href="http://localhost/waibo/bible/css3/html/3/3.1.7.html">字体调整</a></h3>
    <h3>3.1.8 <a href="http://localhost/waibo/bible/css3/html/3/3.1.8.html">@font-face</a></h3>
  <h2>3.2 <a href="http://localhost/waibo/bible/css3/html/3/3.2.1.html">文本</a></h2>
    <h3>3.2.1 <a href="http://localhost/waibo/bible/css3/html/3/3.2.1.html">文本缩进</a></h3>
    <h3>3.2.2 <a href="http://localhost/waibo/bible/css3/html/3/3.2.2.html">水平对齐</a></h3>
    <h3>3.2.3 <a href="http://localhost/waibo/bible/css3/html/3/3.2.3.html">水平对齐</a></h3>
    <h3>3.2.4 <a href="http://localhost/waibo/bible/css3/html/3/3.2.4.html">行高</a></h3>
    <h3>3.2.5 <a href="http://localhost/waibo/bible/css3/html/3/3.2.5.html">垂直对齐</a></h3>
    <h3>3.2.6 <a href="http://localhost/waibo/bible/css3/html/3/3.2.6.html">字符间距</a></h3>
    <h3>3.2.7 <a href="http://localhost/waibo/bible/css3/html/3/3.2.7.html">单词间距</a></h3>
    <h3>3.2.8 <a href="http://localhost/waibo/bible/css3/html/3/3.2.8.html">文本转换</a></h3>
    <h3>3.2.9 <a href="http://localhost/waibo/bible/css3/html/3/3.2.9.html">文本装饰</a></h3>
    <h3>3.2.10 <a href="http://localhost/waibo/bible/css3/html/3/3.2.10.html">文本阴影</a></h3>
    <h3>3.2.11 <a href="http://localhost/waibo/bible/css3/html/3/3.2.11.html">文本方向</a></h3>
    <h3>3.2.12 <a href="http://localhost/waibo/bible/css3/html/3/3.2.12.html">处理空白符</a></h3>
    <h3>3.2.13 <a href="http://localhost/waibo/bible/css3/html/3/3.2.13.html">单词折行</a></h3>
    <h3>3.2.14 <a href="http://localhost/waibo/bible/css3/html/3/3.2.14.html">单词换行</a></h3>
    <h3>3.2.15 <a href="http://localhost/waibo/bible/css3/html/3/3.2.15.html">文本溢出</a></h3>
    <h3>3.2.16 <a href="http://localhost/waibo/bible/css3/html/3/3.2.16.html">Tab宽度</a></h3>
<h1>第 4 章 <a href="http://localhost/waibo/bible/css3/html/4/4.html">盒模型</a></h1>
  <h2>4.1 <a href="http://localhost/waibo/bible/css3/html/4/4.1.html">概述</a></h2>
  <h2>4.2 <a href="http://localhost/waibo/bible/css3/html/4/4.2.html">内边距</a></h2>
  <h2>4.3 <a href="http://localhost/waibo/bible/css3/html/4/4.3.html">外边距</a></h2>
  <h2>4.4 <a href="http://localhost/waibo/bible/css3/html/4/4.4.1.html">边框</a></h2>
    <h3>4.4.1 <a href="http://localhost/waibo/bible/css3/html/4/4.4.1.html">线条边框</a></h3>
    <h3>4.4.2 <a href="http://localhost/waibo/bible/css3/html/4/4.4.2.html">图像边框</a></h3>
    <h3>4.4.3 <a href="http://localhost/waibo/bible/css3/html/4/4.4.3.html">圆角边框</a></h3>
    <h3>4.4.4 <a href="http://localhost/waibo/bible/css3/html/4/4.4.4.html">盒阴影</a></h3>
  <h2>4.5 <a href="http://localhost/waibo/bible/css3/html/4/4.5.html">背景</a></h2>
    <h3>4.5.1 <a href="http://localhost/waibo/bible/css3/html/4/4.5.1.html">背景颜色</a></h3>
    <h3>4.5.2 <a href="http://localhost/waibo/bible/css3/html/4/4.5.2.html">背景图像</a></h3>
    <h3>4.5.3 <a href="http://localhost/waibo/bible/css3/html/4/4.5.3.html">背景重复</a></h3>
    <h3>4.5.4 <a href="http://localhost/waibo/bible/css3/html/4/4.5.4.html">背景位置</a></h3>
    <h3>4.5.5 <a href="http://localhost/waibo/bible/css3/html/4/4.5.5.html">背景附着</a></h3>
    <h3>4.5.6 <a href="http://localhost/waibo/bible/css3/html/4/4.5.6.html">背景尺寸</a></h3>
    <h3>4.5.7 <a href="http://localhost/waibo/bible/css3/html/4/4.5.7.html">背景起始位置</a></h3>
    <h3>4.5.8 <a href="http://localhost/waibo/bible/css3/html/4/4.5.8.html">背景裁剪区域</a></h3>
    <h3>4.5.9 <a href="http://localhost/waibo/bible/css3/html/4/4.5.9.html">多重背景</a></h3>
    <h3>4.5.10 <a href="http://localhost/waibo/bible/css3/html/4/4.5.10.html">渐变背景</a></h3>
  <h2>4.6 <a href="http://localhost/waibo/bible/css3/html/4/4.6.html">盒尺寸</a></h2>
  <h2>4.7 <a href="http://localhost/waibo/bible/css3/html/4/4.7.html">处理溢出</a></h2>
  <h2>4.8 <a href="http://localhost/waibo/bible/css3/html/4/4.8.1.html">框的生成</a></h2>
    <h3>4.8.1 <a href="http://localhost/waibo/bible/css3/html/4/4.8.1.html">块级元素和块框</a></h3>
    <h3>4.8.2 <a href="http://localhost/waibo/bible/css3/html/4/4.8.2.html">行内级元素和行内框</a></h3>
    <h3>4.8.3 <a href="http://localhost/waibo/bible/css3/html/4/4.8.3.html">匿名文本和匿名框</a></h3>
    <h3>4.8.4 <a href="http://localhost/waibo/bible/css3/html/4/4.8.4.html">元素的display属性</a></h3>
  <h2>4.9 <a href="http://localhost/waibo/bible/css3/html/4/4.9.1.html">框的外观</a></h2>
    <h3>4.9.1 <a href="http://localhost/waibo/bible/css3/html/4/4.9.1.html">轮廓样式</a></h3>
    <h3>4.9.2 <a href="http://localhost/waibo/bible/css3/html/4/4.9.2.html">自由缩放</a></h3>
    <h3>4.9.3 <a href="http://localhost/waibo/bible/css3/html/4/4.9.3.html">显示风格</a></h3>
    <h3>4.9.4 <a href="http://localhost/waibo/bible/css3/html/4/4.9.4.html">倒影效果</a></h3>
    <h3>4.9.5 <a href="http://localhost/waibo/bible/css3/html/4/4.9.5.html">鼠标样式</a></h3>
<h1>第 5 章 <a href="http://localhost/waibo/bible/css3/html/5/5.html">元素的定位</a></h1>
  <h2>5.1 <a href="http://localhost/waibo/bible/css3/html/5/5.1.1.html">普通流</a></h2>
    <h3>5.1.1 <a href="http://localhost/waibo/bible/css3/html/5/5.1.1.html">行格式化上下文</a></h3>
    <h3>5.1.2 <a href="http://localhost/waibo/bible/css3/html/5/5.1.2.html">块格式化上下文</a></h3>
  <h2>5.2 <a href="http://localhost/waibo/bible/css3/html/5/5.2.1.html">定位</a></h2>
    <h3>5.2.1 <a href="http://localhost/waibo/bible/css3/html/5/5.2.1.html">相对定位</a></h3>
    <h3>5.2.2 <a href="http://localhost/waibo/bible/css3/html/5/5.2.2.html">绝对定位</a></h3>
    <h3>5.2.3 <a href="http://localhost/waibo/bible/css3/html/5/5.2.3.html">z-index</a></h3>
  <h2>5.3 <a href="http://localhost/waibo/bible/css3/html/5/5.3.1.html">浮动</a></h2>
    <h3>5.3.1 <a href="http://localhost/waibo/bible/css3/html/5/5.3.1.html">浮动</a></h3>
    <h3>5.3.2 <a href="http://localhost/waibo/bible/css3/html/5/5.3.2.html">清理</a></h3>
<h1>第 6 章 <a href="http://localhost/waibo/bible/css3/html/6/6.html">链接和导航</a></h1>
  <h2>6.1 <a href="http://localhost/waibo/bible/css3/html/6/6.1.1.html">链接的样式</a></h2>
    <h3>6.1.1 <a href="http://localhost/waibo/bible/css3/html/6/6.1.1.html">动态超链接</a></h3>
    <h3>6.1.2 <a href="http://localhost/waibo/bible/css3/html/6/6.1.2.html">按钮式链接</a></h3>
  <h2>6.2 <a href="http://localhost/waibo/bible/css3/html/6/6.2.html">列表的样式</a></h2>
  <h2>6.3 <a href="http://localhost/waibo/bible/css3/html/6/6.3.1.html">创建导航</a></h2>
    <h3>6.3.1 <a href="http://localhost/waibo/bible/css3/html/6/6.3.1.html">面包屑导航</a></h3>
    <h3>6.3.2 <a href="http://localhost/waibo/bible/css3/html/6/6.3.2.html">分页导航</a></h3>
    <h3>6.3.3 <a href="http://localhost/waibo/bible/css3/html/6/6.3.3.html">垂直导航</a></h3>
    <h3>6.3.4 <a href="http://localhost/waibo/bible/css3/html/6/6.3.4.html">手风琴导航</a></h3>
    <h3>6.3.5 <a href="http://localhost/waibo/bible/css3/html/6/6.3.5.html">主导航</a></h3>
    <h3>6.3.6 <a href="http://localhost/waibo/bible/css3/html/6/6.3.6.html">下拉导航</a></h3>
<h1>第 7 章 <a href="http://localhost/waibo/bible/css3/html/7/7.html">表格和表单</a></h1>
  <h2>7.1 <a href="http://localhost/waibo/bible/css3/html/7/7.1.1.html">表格</a></h2>
    <h3>7.1.1 <a href="http://localhost/waibo/bible/css3/html/7/7.1.1.html">表格特有的元素</a></h3>
    <h3>7.1.2 <a href="http://localhost/waibo/bible/css3/html/7/7.1.2.html">表格的基本布局</a></h3>
    <h3>7.1.3 <a href="http://localhost/waibo/bible/css3/html/7/7.1.3.html">表格的样式属性</a></h3>
  <h2>7.2 <a href="http://localhost/waibo/bible/css3/html/7/7.2.1.html">表单</a></h2>
    <h3>7.2.1 <a href="http://localhost/waibo/bible/css3/html/7/7.2.1.html">表单元素的样式</a></h3>
    <h3>7.2.2 <a href="http://localhost/waibo/bible/css3/html/7/7.2.2.html">水平布局的表单</a></h3>
    <h3>7.2.3 <a href="http://localhost/waibo/bible/css3/html/7/7.2.3.html">垂直布局的表单</a></h3>
    <h3>7.2.4 <a href="http://localhost/waibo/bible/css3/html/7/7.2.4.html">弹出隐藏的表单</a></h3>
<h1>第 8 章 <a href="http://localhost/waibo/bible/css3/html/8/8.html">变换、过渡和动画</a></h1>
  <h2>8.1 <a href="http://localhost/waibo/bible/css3/html/8/8.1.html">变换</a></h2>
  <h2>8.2 <a href="http://localhost/waibo/bible/css3/html/8/8.2.html">过渡</a></h2>
  <h2>8.3 <a href="http://localhost/waibo/bible/css3/html/8/8.3.1.html">动画</a></h2>
    <h3>8.3.1 <a href="http://localhost/waibo/bible/css3/html/8/8.3.1.html">关键帧</a></h3>
    <h3>8.3.2 <a href="http://localhost/waibo/bible/css3/html/8/8.3.2.html">动画</a></h3>
<h1>第 9 章 <a href="http://localhost/waibo/bible/css3/html/9/9.html">布局</a></h1>
  <h2>9.1 <a href="http://localhost/waibo/bible/css3/html/9/9.1.1.html">基本布局类型</a></h2>
    <h3>9.1.1 <a href="http://localhost/waibo/bible/css3/html/9/9.1.1.html">固定布局</a></h3>
    <h3>9.1.2 <a href="http://localhost/waibo/bible/css3/html/9/9.1.2.html">流式布局</a></h3>
    <h3>9.1.3 <a href="http://localhost/waibo/bible/css3/html/9/9.1.3.html">弹性布局</a></h3>
  <h2>9.2 <a href="http://localhost/waibo/bible/css3/html/9/9.2.1.html">多列布局</a></h2>
    <h3>9.2.1 <a href="http://localhost/waibo/bible/css3/html/9/9.2.1.html">多列布局</a></h3>
    <h3>9.2.2 <a href="http://localhost/waibo/bible/css3/html/9/9.2.2.html">列间隙和边框</a></h3>
    <h3>9.2.3 <a href="http://localhost/waibo/bible/css3/html/9/9.2.3.html">跨列</a></h3>
    <h3>9.2.4 <a href="http://localhost/waibo/bible/css3/html/9/9.2.4.html">列的填充方式</a></h3>
  <h2>9.3 <a href="http://localhost/waibo/bible/css3/html/9/9.3.1.html">弹性布局盒模型</a></h2>
    <h3>9.3.1 <a href="http://localhost/waibo/bible/css3/html/9/9.3.1.html">弹性布局盒模型</a></h3>
    <h3>9.3.2 <a href="http://localhost/waibo/bible/css3/html/9/9.3.2.html">建立弹性盒布局</a></h3>
    <h3>9.3.3 <a href="http://localhost/waibo/bible/css3/html/9/9.3.3.html">弹性容器的属性</a></h3>
    <h3>9.3.4 <a href="http://localhost/waibo/bible/css3/html/9/9.3.4.html">弹性子元素的属性</a></h3>
  <h2>9.4 <a href="http://localhost/waibo/bible/css3/html/9/9.4.1.html">响应式布局</a></h2>
    <h3>9.4.1 <a href="http://localhost/waibo/bible/css3/html/9/9.4.1.html">媒体查询</a></h3>
    <h3>9.4.2 <a href="http://localhost/waibo/bible/css3/html/9/9.4.2.html">弹性网格</a></h3>
    <h3>9.4.3 <a href="http://localhost/waibo/bible/css3/html/9/9.4.3.html">弹性图片</a></h3>
    <h3>9.4.4 <a href="http://localhost/waibo/bible/css3/html/9/9.4.4.html">兼容老IE</a></h3>
    <h3>9.4.5 <a href="http://localhost/waibo/bible/css3/html/9/9.4.5.html">布局实例</a></h3>
<h1>第 10 章 <a href="http://localhost/waibo/bible/css3/html/10/10.html">解决跨浏览器问题</a></h1>
  <h2>10.1 <a href="http://localhost/waibo/bible/css3/html/10/10.1.html">渐进增强与优雅降级</a></h2>
  <h2>10.2 <a href="http://localhost/waibo/bible/css3/html/10/10.2.1.html">兼容浏览器的方法</a></h2>
    <h3>10.2.1 <a href="http://localhost/waibo/bible/css3/html/10/10.2.1.html">CSS Hack</a></h3>
    <h3>10.2.2 <a href="http://localhost/waibo/bible/css3/html/10/10.2.2.html">客户端脚本</a></h3>
    <h3>10.2.3 <a href="http://localhost/waibo/bible/css3/html/10/10.2.3.html">浏览器私有前缀</a></h3>
  <h2>10.3 <a href="http://localhost/waibo/bible/css3/html/10/10.3.html">IE的hasLayout</a></h2>
  <h2>10.4 <a href="http://localhost/waibo/bible/css3/html/10/10.4.1.html">修复IE的常见Bug</a></h2>
    <h3>10.4.1 <a href="http://localhost/waibo/bible/css3/html/10/10.4.1.html">浮动元素双倍边距Bug</a></h3>
    <h3>10.4.2 <a href="http://localhost/waibo/bible/css3/html/10/10.4.2.html">文本3像素偏移Bug</a></h3>
    <h3>10.4.3 <a href="http://localhost/waibo/bible/css3/html/10/10.4.3.html">列表 li 的阶梯Bug</a></h3>
    <h3>10.4.4 <a href="http://localhost/waibo/bible/css3/html/10/10.4.4.html">列表 li 底部空行Bug</a></h3>
    <h3>10.4.5 <a href="http://localhost/waibo/bible/css3/html/10/10.4.5.html">相对容器中绝对定位Bug</a></h3>
    <h3>10.4.6 <a href="http://localhost/waibo/bible/css3/html/10/10.4.6.html">相对定位子元素溢出Bug</a></h3>
    <h3>10.4.7 <a href="http://localhost/waibo/bible/css3/html/10/10.4.7.html">IE6重复字符Bug</a></h3>
    <h3>10.4.8 <a href="http://localhost/waibo/bible/css3/html/10/10.4.8.html">IE6躲猫猫Bug</a></h3>
<h1>第 11 章 <a href="http://localhost/waibo/bible/css3/html/11/11.html">构建网页版word</a></h1>
  <h2>11.1 <a href="http://localhost/waibo/bible/css3/html/11/11.1.1.html">布局设计</a></h2>
    <h3>11.1.1 <a href="http://localhost/waibo/bible/css3/html/11/11.1.1.html">总体设计</a></h3>
    <h3>11.1.2 <a href="http://localhost/waibo/bible/css3/html/11/11.1.2.html">左栏布局</a></h3>
    <h3>11.1.3 <a href="http://localhost/waibo/bible/css3/html/11/11.1.3.html">右栏布局</a></h3>
    <h3>11.1.4 <a href="http://localhost/waibo/bible/css3/html/11/11.1.4.html">穿上马甲</a></h3>
  <h2>11.2 <a href="http://localhost/waibo/bible/css3/html/11/11.2.html">目录树设计</a></h2>
  <h2>11.3 <a href="http://localhost/waibo/bible/css3/html/11/11.3.1.html">正文设计</a></h2>
    <h3>11.3.1 <a href="http://localhost/waibo/bible/css3/html/11/11.3.1.html">正文设计</a></h3>
    <h3>11.3.2 <a href="http://localhost/waibo/bible/css3/html/11/11.3.2.html">段落</a></h3>
    <h3>11.3.3 <a href="http://localhost/waibo/bible/css3/html/11/11.3.3.html">列表</a></h3>
    <h3>11.3.4 <a href="http://localhost/waibo/bible/css3/html/11/11.3.4.html">表格</a></h3>
    <h3>11.3.5 <a href="http://localhost/waibo/bible/css3/html/11/11.3.5.html">超链接</a></h3>
    <h3>11.3.6 <a href="http://localhost/waibo/bible/css3/html/11/11.3.6.html">嵌入对象</a></h3>
  <h2>11.4 <a href="http://localhost/waibo/bible/css3/html/11/11.4.1.html">交互性设计</a></h2>
    <h3>11.4.1 <a href="http://localhost/waibo/bible/css3/html/11/11.4.1.html">交互性设计</a></h3>
    <h3>11.4.2 <a href="http://localhost/waibo/bible/css3/html/11/11.4.2.html">文档结构视图</a></h3>
    <h3>11.4.3 <a href="http://localhost/waibo/bible/css3/html/11/11.4.3.html">键盘翻页功能</a></h3>
 </div>
 </div>
 </main>
 </div>
 </div>
 <div class="floatPanel">
	 <div class="ctrolPanel">
		 <a href="javascript:;" class="arrow top" onClick="goTop()"><span>返回顶部</span></a>
    <a href="#" class="phone"  data-target="#phone"><span>手机访问</span></a>
    <a href="#" class="wechat" data-target="#wechat"><span>关注微信</span></a>
    <a href="javascript:;" class="arrow bottom" onClick="goBottom()"><span>返回底部</span></a>
  </div>
	<div id="phone" class="popPanel">
		<div class="popPanel-inner">
			<img src="http://localhost/waibo/img/site.png" /><p class="slogan">扫码访问歪脖网</p><p>随时随地，想看就看</p>
		</div>
	</div>
	<div id="wechat" class="popPanel">
		<div class="popPanel-inner">
			<img src="http://localhost/waibo/img/weixin.png" /><p class="slogan">关注歪脖网微信</p><p>分享 web 知识、交流 web 经验</p>
		</div>
	</div>
</div>
 <footer>
   <p>Copyright&copy;2017&nbsp;&nbsp;www.waibo.wang All Rights Reserved</p>
   <p>陕ICP备17020676号-1&nbsp;&nbsp;&nbsp;&nbsp;客服QQ：376601179&nbsp;&nbsp;&nbsp;&nbsp;邮箱：376601179#qq.com
 </footer>
 <script>
 $(function() {
    load();
 });
 </script>
</body>
</html>