发布于 2023-07-11
摘要
1. 常见布局技巧 巧妙利用一个技术更快更好的布局： margin负值的运用 文字围绕浮动元素 行内块的巧妙运用 CSS三角强化 …
HTML基础
发布于 2023-07-10
摘要
1. 说明 CSS 的 vertical-align 属性使用场景： 经常用于设置图片或者表单(行内块元素）和文字垂直对齐。 官方 …
发布于 2023-07-06
摘要
1. 引言 网页中常见一些三角形，使用 CSS 直接画出来就可以，不必做成图片或者字体图标。 一张图， 你就知道 CSS 三角是怎 …
发布于 2023-07-06
摘要
1. 字体图标的产生 字体图标使用场景： 主要用于显示网页中通用、常用的一些小图标。 精灵图是有诸多优点的，但是缺点很明显。 1. …
发布于 2023-07-04
摘要
1. 什么是精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服 …
发布于 2023-07-03
摘要
1. 为什么使用定位 我们先来看一个效果，同时思考一下用标准流或浮动能否实现类似的效果？ 场景1： 某个元素可以自由的在一个盒子内 …
发布于 2023-07-02
摘要
1. 盒子模型介绍 盒子 页面中的每一个标签，都可看做是一个“盒子”，通过盒子的视角更方便的进行布局 浏览器在染(显示)网页时，会 …
发布于 2023-06-30
摘要
1. 认识浮动 1.1. 传统网页布局的三种方式 CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)： 普通流 …
发布于 2023-06-28
摘要
1. 概念 什么是复合选择器？ 在 CSS 中，可以根据选择器的类型把选择器分为 基础选择器 和 复合选择器 ，复合选择器是建 …
发布于 2023-06-26
摘要
1、简介 Emmet语法的前身是Zen coding,它使用缩写, 来提高html/css的编写速度, Vscode内部已经集成该 …