02 2021 档案
摘要：1.Bootstrap前端开发框架 1.1 Bootstrap简介 Bootstrap来自Twitter（推特），是目前最受欢迎的前端框架。Bootstrap 是基于HTML、CSS和JAVASCRIPT的，他简介灵活，使得web开发更加快捷。 中文官网：http://www.bootcss.com
阅读全文
摘要：1.响应式开发 1.1 响应式开发原理 就是使用 媒体查询 针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 1.2 响应式布局容器 响应式需要一个父级作为布局容器，来配合子级元素来实现变化效果。 原理：就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，在改变里面子元素的配列方
阅读全文
摘要：rem 适配方案 1、我们适配的目标是什么？ 答： 让一些不能等比自适应的元素，达到当设备尺寸发生改变的时候，等比例适配当前设备。 2、怎么去达到这个目标的？ 答： 使用 媒体查询 根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化元素尺寸也会发生变化
阅读全文
摘要：1.rem基础 rem 为单位 rem（root em）是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基础是相对于html元素的字体大小。 比如，根元素（html）设置font-size=12px；非根元素设置width：2rem；则换成px就是24px； 2.媒体查询 2.1
阅读全文
摘要：1.背景线性渐变 语法1： background： linear-gradient（起始方向，颜色1，颜色2，...); background： -webkit-linear-gradient（left,red,blue); background: -webkit-linear-gradient(l
阅读全文
