![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
Yoky615
安心学习,吃透的才是自己的
展开
-
精灵图(sprites)的使用
为什么需要精灵图? 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送 请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。 因此,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称 CSS Sprites、CSS 雪碧)。核心原理:将网页中的一些小背景图像整合...原创 2020-04-23 18:56:33 · 3068 阅读 · 0 评论 -
页面布局整体思路
为了提高网页制作的效率,布局时通常有以下的整体思路:1. 必须确定页面的版心(可视区),我们测量可得知。2. 分析页面中的行模块,以及每个行模块中的列模块。即页面布局第一准则。3. 一行中的列模块经常浮动布局, 先确定每个列的大小,之后确定列的位置。即页面布局第二准则。4. 制作 HTML 结构。我们还是遵循,先有结构,后有样式的原则。结构永远最重要。5. 所以, 先理清楚布局结构,...原创 2020-04-22 15:11:04 · 1817 阅读 · 0 评论 -
Emmet语法
Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法.原创 2020-04-21 19:22:22 · 81 阅读 · 0 评论 -
【HTML】HTML知识结构整理
HTML学习整理原创 2020-04-21 18:52:31 · 220 阅读 · 0 评论