CSS知识总结

前言 什么是渐进增强和优雅降级 渐进增强和优雅降级的区别 渐进增强 英语全称progressive enhancement，针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器加入更多

前言 什么是层叠上下文，什么是层叠等级，什么是层叠顺序？ 层叠上下文 在介绍层叠上下文之前，我们先了解一下HTML文档中的三维概念。 平时我们从设备终端看到的HTML文档都是一个平面的，事实上HTML

前言 总结一下如何提升或优化CSS的渲染性能 CSS渲染性能优化 我们可以从两个方面来看性能优化的意义： 用户角度 网站优化能够让页面加载得更快，响应更加及时，极大提升用户体验。 服务商角度 优化会减

前言 什么是渐进式渲染 渐进式渲染 所谓渐进式渲染，英文全称progressive rendering，也被称之为惰性渲染，指的是为了提高用户感知的加载速度，以较快的速度来呈现页面的技术。 在以前互联

前言 请简述一下 CSS3 中新增的变形如何使用？ 变形介绍 CSS2.1 中的页面都是静态的，多年来，Web 设计师依赖于图片、Flash 或者 JavaScript 才能完成修改页面的外观。CSS

前言 CSS3中transition和animation的属性分别有哪些 CSS动画如何实现 CSS3过渡 CSS3新增了过渡属性，可以从一个状态变化到另一个状态时，变化更加地平滑。 在W3C标准中是

前言 介绍下CSS的计算属性 CSS3中的calc函数 calc是英文单词calculate(计算)的缩写，是CSS3的一个新增的功能。 calc() 此 CSS 函数允许在声明 CSS 属性值时执行

前言 如何使用媒体查询实现视口宽度大于320px小于640px时div元素宽度为30% 媒体查询 媒体查询英文全称为 Media Query，指查询用户所使用的媒体或媒介。 目前，网页的浏览终端是越来

前言 CSS引用方式有哪些？link和@import的区别？ @import import指令也是用来导入CSS样式的。 import的基本用法如下： 在HTML文件中导入外部样式 要在HTML源代码

前言 介绍一下CSS中的层叠规则 在《 CSS学习（7）CSS属性计算过程》中，我们介绍了每一个元素都有所有的属性，每一个属性都会通过一系列计算过程得到最终的值，共有以下步骤： 确定声明值 层叠冲突

前言 CSS属性计算过程的怎样的 CSS属性计算过程 首先我们应该知道，浏览器在处理样式的时候会给元素的每一个CSS属性都设置值，接下来我们要讨论属性值的计算逻辑。 CSS属性值的计算方法会按照下面的

前言 介绍下css中position属性 position属性有哪些值以及各自的用法 介绍下相对定位、绝对定位、固定定位的区别 static 静态定位 所谓静态定位，就是我们的标准流。 在标准流里面，

前言 介绍BFC及其应用 介绍BFC、IFC、GFC和FFC 各种FC 我们先看BFC，后面的其他FC就通了。 BFC 英文全称为 Block formatting context ，翻译成中文是“块

前言 清除浮动的方法有哪些？ 浮动出现的背景 浮动属性产生之初是为了实现"文字环绕"的效果，让文字环绕图片，从而使网页实现类似word中"图文混排"的效 果。来看下面的例子： 效果查看 当我们设置了A

前言 隐藏页面中某个元素的方法有哪些？ 隐藏元素方案 首先什么叫隐藏元素，大家第一反应就是display:none，元素就被隐藏了。 没错，这确实是隐藏元素的一种，但是过于片面。实际上我们可以把隐藏元

前言 如何让一个div水平垂直居中 盒子居中 水平方向居中 水平方向居中很简单，有两种常见的方式 设置盒子margin: 0 auto：这种居中方式的原理在于设置margin-left为auto时，m

前言 px和em的区别 CSS 中有哪些单位 单位分为两类，绝对长度单位和相对长度单位。 绝对长度单位 cm：厘米 mm：毫米 in：英寸 px：像素（在屏幕上显示的最小单位） pt：点（常用于打印媒