摘要：最后为了实现背景图片铺满浏览器窗口的需求，将背景图裁剪成了的比例，并且用属性，这样就可以满足大部分的应用场景了。 今天在研究用 CSS 实现背景图片铺满浏览器窗口的方法，先是在 StackOverflow 上找到一个方法 show full height background image...
摘要：为子元素设置属性和，令子元素的顶部在纵向上与父元素中间的位置对齐。为子元素设置属性，其中为子元素高度值的一半，相当于再将子元素向上移动其本身高度的一半距离，这样就可以令其垂直居中了。 原文出处：Understanding vertical-align, or "How (N...
摘要：并排显示，要求相同高度如果要求多个块级元素并排居中且高度相同，则要为其父元素设置属性。成一列显示如果只是需要让多个块级元素整体水平居中，并且按默认的方式纵向排列，那直接设置左右边距为即可。 原文出处：Centering in CSS: A Complete Guide...
摘要：嗒哒，什么属性的元素有什么样的层叠等级，按照这张图上面的问题就简单了，在负值上，在或正值之下。咦这里咋还有的事呢，还这么高等级捏这是因为内容要大于布局，不展开顶部有鑫旭大神的文章，里面有做介绍。 showImg("https://segmentfault.com/img/...
摘要：左右两部分对称显示，属性均为，属性均为，属性均为，属性则分别为和。底部此部分的样式设置与顶部导航栏的类似，只是需要将版权信息相关的文字在水平和垂直两个方向上均居中对齐即可。 先来一张预览图。 showImg("https://segmentfault.com/img/bVwC3...
摘要：输出在中，值表示一个空对象指针，而这正是使用操作符检测值时会返回的原因。属性规定必需在提交之前填写输入字段。通过字面量方式创建的数组对象是属于类的一个实例，所以返回，故弹出。第期年月日代码运行的结果输出前端教程。 第1期（2016年4月6日...
摘要：当时就去查了许多资料，百度里说得各种天花乱坠，没点用，我只想说能不能有点公德心，像百度上什么什么认证的人都是胡说八道，回答的牛头不对马嘴。 我其实也是个刚刚入行没多久的新人，github玩的比较少，上次发了一篇文章，部门老大希望我在github上...
摘要：线性渐变不过它稍稍有些复杂。在讲解径向渐变之前，我们先来看一看比较简单的线性渐变。再来看径向渐变好的，接下来我们来看径向渐变。但对径向渐变来说，顾名思议，所有色标是排布在一条半径上的。 border 边框是我们美化网页、增强样式最常用的手段...
摘要：垂直格式化，有一个很重要的方面是会造成垂直相邻外边距合并，解决这个的方式见想要清晰的明白一中的部分。参考资料权威指南第三版为负值产生的影响和常见布局应用布局圣杯布局双飞翼布局深入理解和的基友关系深入理解中的行高 在上一篇想要清晰的明白...
摘要：在文本前面插入一个高度为百分百的伪元素，让文本与其垂直对齐。块级元素或者使用垂直水平居中或者使用 翻译自 https://css-tricks.com/centering-css-complete-guide/ 预先给出这样的样式 .container { width: 100%; height: 200px; b...
摘要：，三者的区别是多带带的形变，偏移，而和都加上了时间属性，所以能够产生动画效果。的动画效果一般由行为等触发，而则是自动触发。的动画效果只有两帧关键帧，而可以有更多帧。默认为，即两个动作间产生变化的所有属性都发生作用。 transform，transi...
摘要：有与两种方式来调整元素大小的值。如果你的页面还需要适配到端，那么就老老实实的使用吧。在上面的实现中，我通过判断设定了字体大小的范围来避免上显示过于夸张。二有的同学可能对的适配有点误解。 最近看到这样一个提问：我有一个750 x 1500尺寸的设...
摘要：实现圆角，最常用的是使用背景图和属性。优点可拉伸，简单方便，实现缺点只兼容现代浏览器看到的方法这个方法就略奇葩，但确实出现在了我们的产品中。具体来说使用几个标签，用控制宽度，从上到下一次变长，造成一种圆角的感觉。 实现圆角，最常用的是...
摘要：如果只指定其中一个值，另一个值会被设定为因此可以和混用。通过设定负的，背景图像的一部分被拖拽到父元素之外，从而在父元素之内显示要显示的内容。随着的普及，相信渐变将成为主流。可以显示的显示范围。 作为一个有理想有包袱的页面仔，正像鑫哥在...
摘要：传送门效果是这样的结构小技巧就是，一开始就写了一组单选按钮来做开关的部分。有个地方需要优化，就是在换挡的时候，动画应该柔和些。 这次分享的电扇，和以往用css3画人物相比 多加了一点交互，就是电扇开关的地方，用到了一点点css3的 :checked +di...
摘要：浏览器的主要概念浏览器主要分为这及部分。浏览器会解析，事实上，有三个的类对应这三类文档。浏览器的错误处理相当统一，虽然这不是当前规范的一部分。 今天在推特看到一篇文章《当页面渲染时，浏览器发生了什么》，于是找了些资料，分享一下所得。 ...
摘要：響應式自適應響應式和自適應設計共同點都是要處理在不同裝置下瀏覽網頁的問題，可讀性，版型等等。關於由於我們仍會在的設計中使用百分比，如此一來或多或少還是會受到進位誤差的影響，因此並不是佈局的萬能藥。 showImg("https://segmentfault.com/im...
摘要：接上一篇浏览器渲染的那些事一继续说。哈希表的选择器各不相同，包括，标记名称等。例如，如果选择器是，就把规则放入的哈希表中还有一种通用哈希表，适合不属于上述类别的规则。 接上一篇浏览器渲染的那些事（一）继续说。 构建呈现树 Render Tree/Fr...
摘要：下面这条语句将导致语法错误变量名允许包含字母数字美元符号和下划线但第一个字符不允许是数字。可以把一些布尔值存入一个数组，还可以把一组数值存入一个数组甚至可以把这种数据类型混在一起存入一个数组数组元素还可以是变量这将把数组的第一个元素赋...
摘要：帮大家回忆一下，小时候的电视机。每到星期二的下午，总是这个图案。传送门这次分步来做，先画电视机，再画没有信号的界面。这次绝笔之作中，把之前所有用画的东西都放进电视机里了。所以电视机是可以切换频道的。这次不贴代码了，有点多。 帮大家回忆...
摘要：前端规范在实际开发中，由于团队成员编码习惯不一，技术层次不同，开发前定制并遵循一种代码规范能提高代码质量，增加开发效率。是定义了一种的命名规范，每个名称及其组成部分都是存在一定的含义。 前端规范 在实际开发中，由于团队成员编码习惯不一...
摘要：相对于定位以外的第一个父元素进行定位，即相对于第一个非处于正常流的父元素定位，现在我们将设置为，并且向下移动像素。生成相对定位的元素，相对于其正常位置进行定位。元素的位置通过以及属性进行规定。规定应该从父元素继承属性的值。 迷惑的posi...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风