一、百分比布局（又名流式布局） 　　流式布局的特点就是采用display：flex；来控制整体布局，文字会随着屏幕的宽度自动延伸，弹性控件的空间会随着屏宽逐渐加大但不会自动增大，图片采用百分比进行缩放。 　　二、rem布局（又名等比缩放布局） 　　 　　单位： 　　em ...

高级布局：文档流、浮动布局、流式布局、定位布局、flex布局、响应布局 一、文档流 1、什么是文档流 将窗体自上而下分成一行一行，块级元素从上至下、行内元素在每行中从左至右的顺序依次排放元素 2、本质 文档流本质是 nomal flow （普通流、常规流） 3、BFC（Block ...

固定布局经不起未来考验 固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。但这种方法不是一种完全兼容未来网页的制作方法，我们需要一些适应未知设备的方法。 为什么响应式设计需呀百分比布局 仅使用媒体查询来适应不同视口的固定宽度设计，只会从一组CSS媒体查询规则突变到另一组，两者间 ...

.row{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 10px; } $list: 1 2 ...

一、前端&后端 1、任何与用户直接打交道的操作界面都可以称之为前端　　比如:电脑界面 手机界面 平板界面 2、后端　　后端类似于幕后操作者(一堆让人头皮发麻的代码)　　不直接跟用户打交道 二、前端学习历程 　　HTML:网页的骨架 没有任何的样式 　　CSS:给骨架添加各种样式 ...

一、什么是流式布局 流式布局已经不是什么新概念了。为了文章的完整性，还是提一提吧。很久很久以前，当大部分人的屏幕分辨率还是1024*768的时候，网页设计师一般都按照960px或是980px的固定宽度进行设计。现在很多大型网站也依然使用这个宽度，为了不落下某些使用窄屏和IE6的用户 ...

一、响应式布局 　　定宽布局的局限：屏幕越来越宽，而定宽的宽度是固定的，看定宽的网页不美观 　　　　　　　　　　屏幕也在一直往小变，定宽也不合适，看不到完整的网页内容 　　在这种情况之下，就出现了一种自适应布局，分别是早起的流动式布局（根据浮动，基本淘汰）和百分比宽度布局（还有一些应用 ...

前端技术 前文了解了什么是前端，那么前端技术到底有哪些呢？最核心的就这三个： html/html5 css/css3 javascript 什么是HTML HyperText Markup Language，超文本标记语言，标准通用标记语言下的一个 ...