width是相对于直接父元素的widthheight是相对于直接父元素的heightpadding是相对于直接父元素的widthmargin是相对于直接父元素的margin<style>wrapp...

渐进增强progressiveenhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级gracefuldegradation：一开始...

一、rem的特点rem的大小是根据html根目录下的字体大小进行计算的。当我们改变根目录下的字体大小的时候，下面字体都改变。rem不仅可以设置字体的大小，也可以设置元素宽、高等属性。rem是CSS3新增的一个相对单位...

1、标准浏览器的方法当然，以不折腾人为标准的w3c标准早就为我们提供了制作这种自适应宽度的标准方法。把container设为display:table并指定宽度100%；然后把main+sidebar设为di...

BFC规定了内部的BlockBox如何布局。定位方案：内部的Box会在垂直方向上一个接一个放置。Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重叠。每个元素的...

何时应当使用margin需要在border外侧添加空白时。空白处不需要背景（色）时。上下相连的两个盒子之间的空白，需要相互抵消时。如15px+20px的margin，将得到20px的空白。何时应当使用paddi...

Canvas是基于像素的即时模式图形系统，最适合较小的表面或较大数量的对象，Canvas不支持鼠标键盘等事件。SVG是基于形状的保留模式图形系统，更加适合较大的表面或较小数量的对象。Canvas和SVG在修改方式上还存在着...

无论属于哪种，都要先找到其祖先元素中最近的position值不为static的元素，然后再判断：若此元素为inline元素，则containingblock为能够包含这个元素生成的第一个和最后一个inlinebo...

方式一<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>满屏品字布局...

:root选择文档的根元素，等同于html元素:empty选择没有子元素的元素:target选取当前活动的目标元素:not(selector)选择除selector元素以外的元素:enabled选择可用的表单元素:d...

CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？新增伪类有那些？CSS选择符id选择器（myid）类选择器（.myclassname）标签选择器（div,h1,p）相邻选择器（h1+p）子选择器（ul...

加速的关键，不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以，图片越多请求次数越多，造成延迟的可越大。利用CS...

positionposition属性取值：static(默认)、relative、absolute、fixed、inherit、sticky。postision：static；始终处于文档流给予的位置。看起来好像没有用，但它可以快速...

一、水平居中（1）行内元素解决方案只需要把行内元素包裹在一个属性display为block的父层元素中，并且把父层元素添加如下属性即可。.parent{text-align:center;}（2）块状元素解决方...

一个块级元素如果没有设置height，那么其高度就是由里面的子元素撑开，如果子元素使用浮动，脱离了标准的文档流，那么父元素的高度会将其忽略，如果不清除浮动，父元素会出现高度不够，那样如果设置border或者background...