网站首页 2024年11月 第141页

• 

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

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

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

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

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

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

  Modern CSS Reset 完全解读 set css mode lpu

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

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

  css清除浮动 CSS清除浮动的方法

  css清除浮动1.需要清除浮动的原因清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题2.清除浮动的方法1,额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear：both；）<!DOCTYPEhtm...

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

  CSS属性值函数(6)attr()取元素属性值

  CSS函数attr()用来获取选择器所指元素的某一HTML属性值，并用于其样式中。它也可以用于伪元素，属性值采用伪元素所依附的元素。比如::before，::after伪元素的content属性（建议当前阶段仅用于此属性）。<!...

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

  时钟和倒计时:CSS 和 JavaScript 中的计时

  有一天，我需要一个数字时钟组件，所以我很快编写了一个简单的JavaScript方法：functionuiDigitalClock(node){constnow=()=>{node.textConten...

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

  25.HTML CSS动画和过渡 css的动画效果

  在现代网页设计中，动画和过渡是提升用户体验的重要手段。通过使用CSS，我们可以在不影响页面性能的前提下，实现平滑和吸引人的视觉效果。本文将介绍CSS动画和过渡的基础知识，并通过几个例子展示如何在你的网站中应用它们。CSS过渡（Tra...

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

  CSS实用技巧(上) css 技巧

  前言张鑫旭的《CSS世界》这本书，强烈推荐前端er仔细阅读下，里面详细说明了许多不怎么被注意的CSS特性，对前端进阶很有帮助。本文简要列举书中前四章比较实用的知识点，书中干货很多，值得一读。实用技巧文字少的时候居中显示，多的时候居左显示利用...

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

  详解css清除浮动方法 css清除浮动的几种方式

  清除浮动，新手朋友往往不是很明白。如果不清除浮动对float进行闭合，在FF中往往会出错，网上是有很多文章讲过，我们先用一个非常简洁易用实例开始吧！给需要闭合的DIV（class为clearfix）加上如下的CSS样式即可：.clearfi...

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

  这10个CSS技巧——据说能让你前端工作更轻松?

  掌握这10个CSS实用技巧可让你的前端工作更轻松，尤其是初学前端的小白，即使现在看不懂也可收藏起来，以备需要时用上。如果你是高手有话要说，欢迎在留言区发表高见。废话不多说，直接上干货：一、使用:not()在菜单上应用/取消应用边框我们通...

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