css样式优雅降级的简单介绍

渐进增强与优雅降级是什么?

1、换句话说渐进增强相当于向上兼容也就是低版本支持高版本，而优雅降级相当于向下兼容也就是高版本支持低版本的。

创新互联建站-专业网站定制、快速模板网站建设、高性价比东坡网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式东坡网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖东坡地区。费用合理售后完善，10多年实体公司更值得信赖。

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

3、渐进增强相当于向上兼容，而优雅降级相当于向下兼容。向下兼容指的是高版本支持低版本的或者说后期开发的版本支持和兼容早期开发的版本，向上兼容的很少。

4、广义来说，其实要定义一个基准线，在此之上的增强叫做渐进增强，在此之下的兼容叫优雅降级。这个基准线对于我，是允许使用javascript、cookie和css的IE8浏览器。

css3中的渐进增强和优雅降级如何使用

1、如果你采用渐进增强的开发流程，先做一个基本功能版，然后针对各个浏览器进行渐进增加，增加各种功能。相对于优雅降级来说，开发周期长，初期投入资金大。

2、优雅降级需要正确地体现HTML标签的语义，符合“浏览器的预期”。让你的网页在各种情况—下——包括降级（javascript被禁用，css传输失败等等）的情形都可以运作良好。这是我理解的优雅降级的意义。

3、同样以css为例，优雅降级的写法如下。渐进增强，开发时间长，成本高，优雅降级，节约成本，开发周期短。

前端面试题系列之-CSS及页面布局篇

参考链接： CSS实现不换行/自动换行/文本超出隐藏显示省略号 object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。

面试题：写一个左中右布局占满屏幕，其中左、右俩块固定宽200，中间自适应宽，要求先加载中间块，请写出结构及样式。

BFC（Block Formatting Context）格式化上下文，是 Web 页面中盒模型布局的 CSS 渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。

如何在页面上实现一个圆形的可点击区域？实现不使用border画出1px高的线，在不同浏览器的Quirksmode和cssCompat模式下都能保持同一效果。

项目经验篇 项目中遇到的最大挑战以及解决办法 常见的网页优化有哪些？ 作为一个面试一年以内工作经验的前端程序员来说，以上的问题能够倒答如流月薪6k应该不成问题啦。这些面试题也是我在很多面试中感觉经常被问到的题目。

DIV + CSS布局相关内容 DIV+CSS布局样式详解a 符合 W3C标准，微软等公司均为 W3C支持者。