第五周什么是渐进增强和优雅降级？

为什么我的vertical-align属性不起作用？

只有一个元素属于inline或是inline-block（table-cell也可以理解为inline-block水平）水平，其身上的vertical-align属性才会起作用。

例如图片，按钮，单复选框，单行/多行文本框等HTML控件，只有这些元素默认情况下会对vertical-align属性起作用。

什么是渐进增强和优雅降级？

常用两种策略：要么优雅降级（graceful degradation，一开始就构建站点的完整功能，然后针对浏览器测试和修复），

要么渐进增强（progressive enhancement，一开始只构建站点的最少特性，然后不断针对各浏览器追加功能。

css浮动元素的水平居中：

一、

1、HTML 部分：

<div class="box">
<p>我是浮动的</p>
<p>我也是居中的</p>
</div>

2、CSS 部分：

.box{
float:left;
position:relative;
left:50%;
}
p{
float:left;
position:relative;
right:50%;
}

这样看来就很简单了吧，父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对右移动50%，或者子元素相对左移动-50%也就可以了。