-
一、了解::marker伪元素::marker 是CSS中新出的一种伪元素，用来匹配列表项中的“标记盒子”（盒模型中的一种，《CSS世界》中有介绍），并可以设置标记盒子里面的内容以及与字符显示相关的UI。可以匹配任意设置了 display:list-item 的元素或伪元素，例如大家比较熟悉的 &l 2024-09-26 10:03:42 -
效果图实现页面滚动，背景图穿过的效果注意：内部图片地址，自己替换成自己的图片示例代码css样式代码* { margin: 0; padding: 0;} body,html { height: 100%;} body { font-size: 100%; font-famil 2024-09-26 09:48:46 -
CSS盒子模型（Box Model）将所有的HTML元素都看做盒子，并通过盒子的组成对HTML进行布局绘制设计。那么CSS的盒子模块到底有哪几种呢？盒子模型它的组成又有哪几部分呢？希望本篇文章对于大家的认识能有所帮助。为了方便读者了解盒子模型，以及不同的盒子模型之间的区别，我会在阅读的顺序上做一个小 2024-09-26 09:18:47 -
Notus React一款基于 React 框架开发的后台管理模板，它有几百个组件，其中几十个是动态组件，它是完全免费开源的，你可以随意修改它的代码。Notus React 提供了从原型设计到真实页面转换的全功能代码，您将节省大量时间，因为所有元素都已实现。 这个免费的 tailwindCSS 模板 2024-09-26 09:03:27 -
1.时髦的双影要创建此效果，文本将被赋予两个硬阴影，没有模糊半径。第一个阴影被赋予背景颜色并被放置在文本附近，第二个阴影被赋予文本颜色并且放置的距离大于文本中的第一个阴影。CSScolor: #dfdfdf;text-shadow: 4px 4px 0px #000, -4px 0 0px # 2024-09-26 08:04:37 -
在前端开发过程中，psd稿中经常会使用特殊的字体样式，我们在处理时需要考虑到一些可能出现的情况及问题： 1.字体样式是否存在版权问题 2.文字分情况划分： 例：在logo、特殊图片、固定图片、固定背景图等位置中，不需要后台数据更改遍历的固定型文字，可以使用切成图片的形式来展现 例：在一些需要遍历的 2024-09-25 10:18:49 -
接触前端的小伙伴们，相信大家对盒子水平居中再熟悉不过了，盒子水平居中的两个缺一不可的条件为：宽度和margin:0 auto;然而进一步推想盒子水平垂直居中怎么实现呢，同样我们可以借助定位以及top：50%和left：50%加margin-left和margin-right的值设置为宽度的一般加负号 2024-09-25 10:03:28 -
最近有不少的粉丝老铁们私信我为啥这几天没有创作新内容了，实在对不住。小编我身在广州中招羊了，我在最近一篇文章也有提到过，今天是第四天，基本上康复了，奥密克戎BA.5其实没有那么恐怖，中招了前三天特难受，熬过来了就没事了，大家莫慌。现在小编就可以认认真真的继续创作内容了。同时也非常感谢大家默默的关心我 2024-09-25 09:03:31 -
有一天，我需要一个数字时钟组件，所以我很快编写了一个简单的 JavaScript 方法：function uiDigitalClock(node) { const now = () => { node.textContent = new Date().toLocaleTimeStr 2024-09-25 08:48:33 -
如果有人发明时间机器，那应该将这些错误纠正，不然可把前端程序猿们给还惨了。大家一起看看都有哪些CSS规则应该完善。Css 代码white-space: nowrap 应该 white-space: no-wrap并且不应添加换行符行为 white-spacevertical-align不应该适用于表 2024-09-25 08:33:38
