网站首页 2024年11月 第140页

• 

  CSS 函数那些事(二)你不知道的 attr()

  属性函数attr()用于获取HTML元素里面的属性值,并用于样式中，但目前暂时只能应用于CSS元素中的伪元素。例子实现一个Tooltip<!DOCTYPEhtml><htmllang="en"&g...

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

  如何解决after和before的兼容性 before和after用法

  在web前端开发中before/after伪类相当于在元素内部插入两个额外的标签，其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上，可以简化HTML代码，提高可读性和可维护性。国外这两个伪类应用相当的普及以及兴盛，不过国内……，...

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

  CSS-西安钟楼 西安钟楼视频讲解

  上周末，去西安参加公司的年会。行程匆匆，没有时间在西安好好逛逛，即将遗憾离开。在高铁站等高铁的时候，看见有家西安特产商店，就进去溜达溜达，然后发现了这个：方方正正的纸片西安钟楼。完美契合html的技术。老规矩，先看效果：整个效果看着繁复，但...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  CSS 02:提升 css怎么优化

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

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

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

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

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