CSS Grid 网格布局教程一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与 Flex 布
弹性盒子与弹性布局之前在进行网页布局的时候，我们有流式布局，在流式布局里面我们分为标准流布局与脱流布局，这一种最常见的布局方式，也是一种兼容性非常高的布局方式，多半都使用在PC端进行布局随时布局要求的越来越来高，浏览器对W3C的标准支持度越来越好，所以后面又出现了另外的几种布局方式，分别如下grap
精灵图的使用精灵图也叫雪碧图为什么用精灵图首先，我们先来了解一下，页面在接受图片的过程。每张图片的显示是先由浏览器发送请求，然后服务器接受请求，返回请求内容。如果一个页面有上百张图片，哪怕是很小的图标，都需要经历一次这样的过程。那么，毋庸置疑，肯定会由于请求数量的增加让整个页面的加载速度降低。正应为
CSS补充点link与@import的区别差别1：本质的差别，link属于XHTML标签，而@import完全是css提供的一种方式（CSS的特有命令）。link标签除了可以加载css外，还可以做很多其他的事情，（例如网页头部的小logo图标），@import只能加载CSS。差别2：加载顺序的差别：
BFC简述什么是BFC？BFC(blockformattingcontext）：简单来说，BFC就是一种属性，这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。中文常译为块级格式化上下文。是W3C中CSS2.1规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用
iconfont图标字体的使用在前端进行页面开发的时候，页面上面会存在大量的图标，这个时候，我们如果直接使用图片的形式很麻烦，也容易造成图片失真，这个时候我们就需一个矢量的图片，并且能够进行集中式管理图标的方法，国内主要使用的是阿里云的iconfont阿里云iconfont官网准备工作先在iconf
移动端设计稿计算移动端设计稿的计算公式设备宽度/设计稿的宽度*基准数将上面的计算结果赋值给rem:root{font-size:calc(设备宽度/设计稿的宽度*基准数);}这个里面的基准数可以是任何值，但是我们如果使用pxcook这个软件应该要和这个软件保持一致当完成上面的步骤以后，我们应该还有一
移动端布局注意事项手机屏的横向与纵向/*手机横向*/@mediaonlyscreenand(orientation:landscape){/*css代码*/}/*手机纵向*/@mediaonlyscreenand(orientation:portrait){/*css代码*/}IOS中设置手机的桌面
布局补充圣杯布局优点：缺点：代码：效果图：双飞翼布局优点：缺点：代码：效果图：垂直居中<styletype="text/css">.box{width:200px;height:200px;border:2pxsolidred;margin:100px;}.div1{
渐变CSS3里面的渐变指的是背景色的渐变，它主要有三种渐变方式，分别是线性渐变，径向渐变以及圆锥渐变?注意：渐变虽然是一个背景色，但是它不能够设置在background-color这个属性上面，要设置在background-image这个属性上面（CSS3里面它把背景色当成一个背景图片来处理）线性
