CSS类
np918
这个作者很懒,什么都没留下…
展开
-
响应式布局
作用:让一个网站可以兼容不同分辨率的设备给用户更好的视觉使用体验优缺点优点:解决了设备之间的差异化展示缺点:兼容性代码多,工作量大,加载速度受影响原则移动设备优先:在设计初期就要考虑页面如何在多终端显示渐进增强:充分发挥硬件设备的最大功能如何实现响应式布局CSS3-Media Query /*当屏幕尺寸大于480px时候,背景颜色是蓝色*/ @media s...原创 2019-10-30 09:47:51 · 331 阅读 · 0 评论 -
css—盒模型
盒模型两个标准:标准模型,IE模型/*标准模型*/box-sizing:content-box/*IE模型*/box-sizing:border-box边框样式包括:solid —— 实线dotted —— 点线dashed —— 虚线double —— 双线这几个为常用边框,还有几个不常用边框就不一一举例了可以通过设置样式为none或者是hidden来一处边框,获...原创 2019-07-07 20:44:02 · 132 阅读 · 0 评论 -
CSS的单位和应用场景及Rem的设置
对于px,em,rem的理解pxemremrpx绝对单位相对单位相对单位绝对单位独来独往,棱角分明,一就是一,二就是二,1px就是显示器上的1像素听从父元素的,没有半点主张听html的,下面所有的元素都听html的1rpx就是显示器上的0.5pxpx单位的代码成本比较高页面层级比较复杂时候不适合用注意浏览器的兼容性小程序独有一般用于网站...原创 2019-07-07 21:06:44 · 433 阅读 · 0 评论 -
定位、回流、重绘
定位relativeabsolutefixedstaticsticky相对定位绝对定位固定定位静态定位粘性定位元素框偏移某个距离脱离文档流,相对于包含块定位相对于视窗本身元素框正常粘性定位是相对定位和固定定位的混合属性:top:元素上外边距与其包含块上边界之间的距离;right:元素右外边距与其包含块右边界之间的距离;bottom:元素...原创 2019-07-07 21:30:53 · 650 阅读 · 0 评论 -
兼容处理
兼容性处理要点1、DOCTYPE 影响 CSS 处理2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width3、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式4、div 的垂直居中问题: vertical-alig...转载 2019-07-09 09:59:13 · 212 阅读 · 0 评论