np918的博客

作用： 让一个网站可以兼容不同分辨率的设备 给用户更好的视觉使用体验 优缺点 优点：解决了设备之间的差异化展示 缺点：兼容性代码多，工作量大，加载速度受影响 原则 移动设备优先：在设计初期就要考虑页面如何在多终端显示 渐进增强：充分发挥硬件设备的最大功能 如何实现响应式布局 CSS3-Media Query /*当屏幕尺寸大于480px时候，背景颜色是蓝色*/ @media s...

盒模型两个标准：标准模型，IE模型 /*标准模型*/ box-sizing:content-box /*IE模型*/ box-sizing:border-box 边框 样式包括： solid —— 实线 dotted —— 点线 dashed —— 虚线 double —— 双线 这几个为常用边框，还有几个不常用边框就不一一举例了 可以通过设置样式为none或者是hidden来一处边框，获...

对于px，em，rem的理解 px em rem rpx 绝对单位 相对单位 相对单位 绝对单位 独来独往，棱角分明，一就是一，二就是二，1px就是显示器上的1像素 听从父元素的，没有半点主张 听html的，下面所有的元素都听html的 1rpx就是显示器上的0.5px px单位的代码成本比较高 页面层级比较复杂时候不适合用 注意浏览器的兼容性 小程序独有 一般用于网站...

定位 relative absolute fixed static sticky 相对定位 绝对定位 固定定位 静态定位 粘性定位 元素框偏移某个距离 脱离文档流，相对于包含块定位 相对于视窗本身 元素框正常 粘性定位是相对定位和固定定位的混合 属性： top:元素上外边距与其包含块上边界之间的距离； right:元素右外边距与其包含块右边界之间的距离； bottom:元素...

兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题: vertical-alig...