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