当我们使用HTML5， CSS3，甚至Bootstrap设计网站的时候，有些方面是必须考虑的，比如字体大小，标题大小，行间距，每行字数，字体，颜色，背景图片和文字的搭配，图标，留白和布局......所有的这些，都不是随随便便的，讲究一定的原则。而这些原则通常我们为参考一些网站。下面就列举这些网站。HTML5和CSS3常用参考网站？浏览器渲染符合HTML5标准 …
css最小高度
前几天，阿里发布了Qwen3的新模型。从数值表现来看已经超越了DeepSeek和一众大模型，但实际表现如何？这篇文章，我们来看看作者的分析。一、基础介绍4月29日，在经历了claude 3.7 ，Gemini 2.5 和 GPT 4.1 模型发布之后，通义千问终于正式发布了Qwen3系列模型，凭借仅需 DeepSeek R1 模型三分之一的硬件成本，实现了性 …
微软宣布，对Edge浏览器进行重大更新，减少了关键功能的加载时间，实现了300ms以下的全局首次内容绘制（FCP），这是指从用户开始导航到浏览器显示来自文档对象模型（DOM）的第一部分内容之间的时间。过去的研究表明，超过300到400ms的延迟会导致用户满意度明显下降，因此达到这个新的阈值会使浏览器在日常使用中感觉更加流畅。为了实现这个目标，微软的开发团队利 …
Version:1.0 StartHTML:000000380 EndHTML:000826124 StartFragment:000758082 EndFragment:000826056 StartSelection:000758082 EndSelection:000826036 SourceURL:https:mp.weixin.qq.coms?__ …
CSS样式学习上一篇文章讲到如何创建一个脚手架程序，目前我们已经有了一个nextjs的基本框架，因此我们可以在这个基础上进行改造。打开我们项目中的page.tsx页面，这里是程序的主页面，也就是我们访问地址时候第一个看见的页面将page页面修改为，没有任何css样式的样子import Link from 'nextlink';export d …
目前主流浏览器的兼容性做的都比较好了，本文主要针对IE6，7的不兼容问题进行解决。1.有浮动存在时，计算一定要精确，不要让内容的宽高超出我们所设置的宽高，IE6下，内容会撑开设置好的高度。解决方法：给对应的父级加overflow:hidden;但是会有部分被隐藏掉，最好是精确计算宽高再设定2.在IE6下有元素浮动时，如果宽度需要由内容撑开，就给里边的块元素都 …
一个困扰了数学界四十余年的难题——Mizohata-Takeuchi conjecture（Mizohata-Takeuchi 猜想），最近被一位名叫 Hannah Cairo 的少女以一种意想不到的方式解决了。她的方法并非给出直接证明，而是构造出了一个巧妙的反例，从而表明这个长久以来被认为可能成立的猜想，实际上是错误的。这项工作源于她在高中时期旁听美国加州 …
CSS 中有大量令人惊叹的属性和特性，但似乎没有人谈论的是clamp函数。这个函数让我们可以对任何 CSS 属性执行min-width, max-width, 和之类的操作。CSS clamp语法clamp() 函数接收三个用逗号分隔的[表达式]作为参数，按最小值、首选值、最大值的顺序排列。下面是一个实际中的clamp函数示例。.class {font-si …
作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。直觉告诉我们，这很简单，给它一个 height: 100vh 就行了。.fullscreen-element {height: 100vh;width: 100%;color: #000;display: flex;justify-co …
过去，实现懒加载通常需要监听 scroll 事件，并结合 getBoundingClientRect() 等方法计算元素位置，代码不仅繁琐，而且频繁的计算会引发性能问题。现代浏览器提供了 Intersection Observer API，让我们得以用一种极其高效和简洁的方式来实现懒加载。多简洁？核心逻辑只需 10 行代码。第一步：HTML 结构准备懒加载的 …