web前端

推荐文章

小程序

Uni-App

最新文章

  • 如何实现单行/多行文本溢出的省略样式?

    如何实现单行/多行文本溢出的省略样式?

    如何实现单行/多行文本溢出的省略样式? 一、前言 在日常开发展示页面,如果一段文本的数量过长,受制于元素宽度的因素,有可能不能完全显示,为了提高用户的使用体验,这个时候就需要我们把溢出的文本显示成省略号 对于文本的溢出,我们可以分成…
  • 如何使用css完成视差滚动效果?

    如何使用css完成视差滚动效果?

    如何使用css完成视差滚动效果? 一、是什么 视差滚动(Parallax Scrolling)是指多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验 我们可以把网页解刨成:背景层、内容层、悬浮层 当滚动鼠标滑轮的时…
  • 介绍一下grid网格布局

    介绍一下grid网格布局

    介绍一下grid网格布局 一、是什么 Grid 布局即网格布局,是一个二维的布局方式,由纵横相交的两组网格线形成的框架性布局结构,能够同时处理行与列 擅长将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系 这与之…
  • 元素水平垂直居中的方法有哪些?如果元素不定宽高呢?

    元素水平垂直居中的方法有哪些?如果元素不定宽高呢?

    元素水平垂直居中的方法有哪些?如果元素不定宽高呢? 一、背景 在开发中经常遇到这个问题,即让某个元素的内容在水平和垂直方向上都居中,内容不仅限于文字,可能是图片或其他元素 居中是一个非常基础但又是非常重要的应用场景,实现居中的方法存…
  • 如何实现两栏布局,右侧自适应?三栏布局中间自适应呢?

    如何实现两栏布局,右侧自适应?三栏布局中间自适应呢?

    如何实现两栏布局,右侧自适应?三栏布局中间自适应呢? 一、背景 在日常布局中,无论是两栏布局还是三栏布局,使用的频率都非常高 两栏布局 两栏布局实现效果就是将页面分割成左右宽度不等的两列,宽度较小的列设置为固定宽度,剩余宽度由另一列…
  • 如何判断一个元素是否在可视区域中?

    如何判断一个元素是否在可视区域中?

    如何判断一个元素是否在可视区域中? 一、用途 可视区域即我们浏览网页的设备肉眼可见的区域,如下图 在日常开发中,我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值(例如 100 px),从而实现一些常用的功能,例如: …
  • 说说你对盒子模型的理解?

    说说你对盒子模型的理解?

    一、是什么 当对一个文档进行布局(layout)的时候,浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型(CSS basic box model),将所有元素表示为一个个矩形的盒子(box) 一个盒子由四个部分组成:conte…
  • css选择器有哪些?优先级?哪些属性可以继承?

    css选择器有哪些?优先级?哪些属性可以继承?

    css选择器有哪些?优先级?哪些属性可以继承? 一、选择器 CSS选择器是CSS规则的第一部分 它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式 选择器所选择的元素,叫做“选择器的对象”…
  • CSS3新增了哪些新特性?

    CSS3新增了哪些新特性?

    CSS3新增了哪些新特性? 一、是什么 css,即层叠样式表(Cascading Style Sheets)的简称,是一种标记语言,由浏览器解释执行用来使页面变得更美观 css3是css的最新标准,是向后兼容的,CSS1/2的特性在…

web秀

让你的技术真正的秀起来

联系我们