网站首页 css ::after 第2页

• 

  css如何处理单行、多行文本溢出的省略

  如图：关键点：文本超出了隐藏overflow:hidden;超出部分使用...代替text-overflow:ellipsis;默认文本是自动换行的，如果是单行的话，要阻断自动换行white-space:nowrap;实现单行文本超...

  2024-11-14 hmc789 技术文章 1 ℃
• 

  css解析——清除浮动实战 在css中哪个属性能清除浮动

  浮动元素不同于普通文档流的元素，它们的高度不会加到父元素上。我们来看一个例子：上图中main模块下包含了一个标题和4个块，其中四个高度不同的块被包含在一个div容器中。页面想要的效果是四个块在底部两列布局，并保持整齐。我们给main元素添加...

  2024-11-14 hmc789 技术文章 1 ℃
• 

  快过年了~我用CSS画了个灯笼，赶紧来白嫖

  大家好，我是一碗周，一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐，万分有幸~写在前面过年了~过年了~过年了~辞旧迎新过年啦张灯结彩春节啦~金鸡起舞送福啦新的一年福来啦~文章开头几句歌词，顿时显得喜庆了不，我们的灯笼是...

  2024-11-14 hmc789 技术文章 1 ℃
• 

  13个需要知道的方法:使用 JavaScript 来操作 DOM

  作者：MilosProtic译者：前端小智来源：impressivewebs.DOM或文档对象模型是web页面上所有对象的根。它表示文档的结构，并将页面连接到编程语言。它的结构是一个逻辑树。每个分支结束于一个节点，每个节点包含子节...

  2024-11-14 hmc789 技术文章 1 ℃
• 

  CSS必知|重点属性float|实践技巧|温故知新

  学海无涯，不要沉浸在知识的海洋里，迷失自己。要知道自己想要什么，抓住重点，不忘初心。这个世界上百分之20的人，掌握着百分之80的财富。接下来一系列教程，就带领大家抓住重点，一起做那百分之20的人。往期知识点回顾：重点属性-display重点...

  2024-11-14 hmc789 技术文章 1 ℃
• 

  CSS 02:提升 css怎么优化

  一.盒子模型1.边框边框有大小和样式后，才会有颜色div{height:200px;width:200px;background-color:skyblue;/*边框大小样...

  2024-11-14 hmc789 技术文章 1 ℃
• 

  CSS中清除浮动的几种方法，快来学习一下吧

  前言首先我们通过一张图来解释下元素浮动是什么样的状态。元素浮动情况上图的html部分代码为：html代码css部分代码为：css代码通过上面的图片可以看出，当内部的div设置float后，外部的元素的就会受到以下影响：背景不能显示边框不能被...

  2024-11-14 hmc789 技术文章 1 ℃
• 

  css 伪元素 css 伪元素显示在后面

  伪元素共有5个，分别是::before、::after、::first-letter、::first-line和::selectionfirst-letter::first-letter主要用于为文本的首字母添加特殊样式注意：::first...

  2024-11-14 hmc789 技术文章 1 ℃
• 

  css实现多行文本的展开收起 css文本显示两行

  背景在我们写需求时可能会遇到类似于这样的多行文本展开与收起的场景：那么，如何通过纯css实现这样的效果呢？实现的难点（1）位于多行文本右下角的展开收起按钮。（2）展开和收起两种状态的切换。（3）文本不超过指定行数时不展示展开收起按钮。一...

  2024-11-14 hmc789 技术文章 1 ℃
• 

  Modern CSS Reset 完全解读 set css mode lpu

  作为Web开发人员，我们希望用户无论使用哪种浏览器浏览网页，HTML元素的外观都是一样的。遗憾的是，由于浏览器的运行方式，情况并非如此。每个浏览器都有自己的默认样式表，其中规定了一些适用于元素的最基本规则。在大多数情况下，这些默认样式...

  2024-11-14 hmc789 技术文章 1 ℃