摘要：选择器统览的选择器及其对应的浏览器兼容性前端观察这篇文章已经详细总结了通过测试有如下更正或说明注下述浏览器兼容性以表示，表明以及以上版本。 CSS1、2、3选择器统览 css1、2、3的选择器及其对应的浏览器兼容性前端观察这篇文章已经详细总结了：C...
摘要：今天，我们用纯实现评级。这时，当你某个时，这个及其后面的都同时变为黄色实体星。对内联元素应用时要注意用纯实现评级的效果就实现了代码如下用实现评级效果思路当元素触发事件时，赋予不同的值。 今天，我们用纯CSS实现⭐️评级。 案例效果 showImg...
摘要：今天在工作中遇到了一个问题有三个块，里面放置展示内容，并排，中间有间隙，两边顶头，可以随屏幕大小自适应宽度。首先就是可能会打乱的加载顺序，还有就是间距是不固定的，并且加了，可能会有副作用。 今天在工作中遇到了一个问题：有三个div块，里...
摘要：初步体验这个版本呢先来加四个很简单的方法感受感受下首先个不用说了然后新增一个链式测试这些其实都很简单我们都要记住我们封装的对象是一个数组所以一定都需要用循环来进行各种个样的处理然后这我是用的个数来进行判断是取值还是设值最后千万别忘了每...
摘要：国内各大公司都已经投入使用，在一些常见的网站，如淘宝腾讯小米等移动站点，随处可见其踪影。变革之腾讯手机淘宝的设计与实现前端乱炖适配总结样式重置上文已提及，这里推荐阅读同学写的专题文章。 前言 CSS代码难维护众所皆知。 为一个元素设置样式...
摘要：这时，那些丢失的元素会被模拟出来，从而使得表格模型能够正常工作。所有的表格元素将会自动在自身周围生成所需的匿名对象，使其符合的三层嵌套关系。 html: 测试 测试 测试 测试 css: .b...
摘要：方案的简单介绍基于前提页面元素的布局尺寸全都以设计稿为基准等比例设置。给根节点设置一个基础值，然后页面的所有元素布局均相对于该值采用单位设定。 1、困扰多时的问题 在这之前做web app开发的的时候，在自适应方面一般都是宽度通过百分比，高度...
摘要：译用剪切圆形图片在这个教程，我们会介绍一下使用技巧来渲染出圆形的通过设置标签的所有的属性为正方形宽高的，我们就可以把这个标签变成圆的。长方形图片长方形图片会稍微有一点技巧一点。回顾这个技巧最好适用于正方形的标签，主题正好位于图片的中心...
摘要：中的有些元素也是这样，他们有的只对牛奶感兴趣，有的只喜欢吃坚果和果冻，而讨厌牛奶。我称之为果冻依赖型元素，又称之为依赖型元素，也就是说只有一个元素属于或是也可以理解为水平水平，其身上的属性才会起作用。 单列布局 水平居中 水平居中的页面...
摘要：遇到的一些坑问题手机端事件会有大约的延迟原因手机端事件，因为在事件触发之后，浏览器要判断用户是否会做出双击屏幕的操作，所以会等待来判断，再做出是否触发事件的处理，所以就会有的延迟解决方法使用事件来代替事件，如的事件和，还有我自己 遇到...
摘要：背景之前做了一个网页，网页中的所有输入框都被设计为获得鼠标焦点时外边框不变蓝。而且输入框的边框设置在了父元素上，所有当输入框获得焦点时，看到的应该是父元素上的边框变蓝，而不是里面的的边框变蓝。 背景 之前做了一个网页，网页中的所有输入...
摘要：分析代码如下标签里包裹一个盒子里包裹两个，为效果的前后面做准备。分析外观定位代码如下效果首先创造环境，保留空间在的时候，我们让旋转，正面面对我们的元素向上翻转，下面有元素翻转上来，并且在翻转时有一个凸出来的效果。 效果预览 showImg("ht...
摘要：当然，如果你的新元素有兄弟元素的话，也可以使用通用的兄弟选择符页面顶部阴影下面这个简单的代码片段可以给网页加上漂亮的顶部阴影效果给添加行高你不需要分别添加到每个标记等。 使用技巧会让人变的越来越懒，没错，我就是想让你变懒。下面是我收集...
摘要：如果要解决可以参考前面的办法。例如父元素处于绝对定位与上一个方法同理，由于绝对定位已脱离正常文档流，故出现相同情况，解决办法依旧可以使用以上办法结合，灵活多变。 额外标签法 使用:after 伪元素 给父元素定高 利用overflow:hidden;属性 父元...
摘要：学习，参考了两篇文章布局教程语法篇布局教程实例篇绘制了容器和项目的属性图，留着后面看 学习flexbox，参考了两篇文章Flex 布局教程：语法篇Flex 布局教程：实例篇 绘制了容器和项目的属性图，留着后面看 showImg("https://segmentfault.com/img/bVq...
摘要：这个方法论在内容和容器之间有着明显的区分。这是通过把命名为表示其角色的类名。通过使用这种扁平的命名方式避免了多后代的选择器。 原文链接：A Look at Some CSS methodologies CSS在大型，复杂，快速迭代的系统中难以管理的程度是出了名的。 其中...
摘要：原文有些时候我们需要禁止网页的部分文本不能被选择。这不是一种万全的保证文本不被选择的策略。这种技巧依赖于非标准的特性，这意味着未来对这个属性的可持续支持上面存在着很大的不确定性。屏蔽掉文本选择是很恼人的。 原文：Disable Text Selection...
摘要：水平偏移水平偏移控制了盒子阴影在轴的偏移。同时，因为是负值，所以向上移动。如果是负值，则会在各个方向上收缩。值得注意的是，因为它的扩展距离是正，所以会在各个方向上增加因为没有水平和垂直偏移。它可以通过任何可以表示颜色的方式来表示颜色。...
摘要：单页面应用从前端到后端这本书是一本教读者怎样将模块化，也就是前端同学们常说的模块化思想，变量避免全局污染以及将功能分块管理。 《单页面web应用 JavaScript从前端到后端》这本书是一本教读者怎样将js模块化，也就是前端同学们常说的模块化思想，...
摘要：宽度被设为的边框对应方向的边框会形成较大的三角形，且长度加倍的采纳的显示其实也是用三角形实现的上部分是包含采纳两个字的块状元素，设置。 前端中的很多地方都会用到三角形，比如tooltip等CSS中创建三角形的方法很多，可以参考这里： CSS创建三角...
摘要：行内级元素生成行内级盒，而这些盒会参与行内格式化上下文。行盒在行内格式化上下文中，盒从包含块的顶部一个接一个地水平摆放。我们进入下一个话题，行盒高度计算。整个行盒的高度即盒上边缘到盒下边缘。 前言碎碎语：标题问题在昨天困扰了笔者很久很...
摘要：译文地址通过这篇文章能够深刻理解的百分比因为好像解析有问题，请看原文吧原文地址欢迎订阅我的博客 译文地址 通过这篇文章能够深刻理解 background-position 的百分比 因为segmentfault好像markdown解析有问题，请看原文吧 原文地址 欢迎订阅我的...
摘要：在确定页面元素的准确位置时，需要细致地参考这些边。它们的位置从下到上依次是为负的定位元素。本文只介绍了一部分有关位置的细节知识，如果你也曾对这些内容有所困惑，那么希望能有所帮助。 位置是个怎样的概念 哎，这个元素怎么跑那里去了？ 回想一...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风