-
聊起css，印象最深刻的就是刚毕业那会刚开始从事前端开发岗位工作的时候，身为一名 cut picture boy (切图仔)，在页面布局及还原设计图中广泛使用css来开发页面，我记得刚开始接触最多的就是Bootstrap(用于开发响应式布局、移动设备优先的 WEB)。然而随着前端突飞猛进的编进，诸如 2024-12-08 09:19:44 -
css作为前端三剑客，从诞生以来很少变化，css3都已经诞生了20年，和js的框架层出不穷相比，似乎css就不需要框架，就不需要更优化的写法。然而在追求极致的程序员面前，代码的可维护性，代码的优雅性有迫切希望改进css代码的编写，于是css预处理器诞生了。css预处理器由于浏览器只能理解和识别纯CS 2024-12-08 09:04:55 -
用div+css做一个简易的计算器，几行js完成计算功能「217」
终于想做一个计算器了，少少几行js代码而已。网上有很多的html计算器的实例，大多是用table来做的，但我还是选择用div来做。这个计算器有基本的运算功能，但一些细的纠错，就没再细究了，极简嘛。一、开始吧，先做一个360*500的盒子。二、加入输入框，输入框给它270宽，再配个灰色背景。三、做18 2024-12-07 11:00:31 -
对vue项目使用npm run build命令打包时，编译不成功，提示css文件“ModuleParseError: Module parse failed: Unexpected character ' '”，这是因为webpack配置文件缺少对字体等文件的处理。对webpack配置文件增加匹配规 2024-12-07 10:19:23 -
本文介绍了CSS（层叠样式表）的基本概念和作用，然后深入讨论了10个常用的CSS属性。这些属性包括边框（border）、背景（background）、定位（positioning）、盒模型（box model）等。每个属性都有一个小节，解释了它的作用、语法和用法示例。文章还包含了一些有关CSS开发的 2024-12-07 09:20:18 -
一个经常被忽视的网站性能瓶颈发生在处理级联样式表和随后在网页的文档对象模型中应用 CSS 选择器。为了加快网页的渲染速度并改善最终用户体验，请考虑以下五个 CSS 性能优化技巧。 1. 使用内联样式 如果给定样式仅用于单个特定页面元素（例如图像滑块或轮播）并且该组件仅用于站点中的少数页面，请使用内联 2024-12-06 09:34:13 -
背景颜色首先我们来讲如何设置背景颜色，浏览器页面的默认背景颜色为白色，但是很多时候为了页面的美观我们会重新设置一个背景颜色，一般在一个网站中大部分页面都会采用某个统一的背景颜色。我们可以通过CSS 中的 background-color 属性来设置背景颜色 ，这个属性可以接受任何合法的颜色值，像颜色 2024-12-06 09:04:18 -
前言动画是体验的核心，比如引导用户从一次交互到下一次交互， 但网页的流畅动画还存在一些不足，其中包括设置进入和退出动画的能力，以及为对话框和弹出窗口等可关闭元素平滑往返顶层的动画效果。为了填补这些空白，Chrome 116 和 117 包含了四个新的 Web 平台功能，可实现离散属性的平滑动画和过渡 2024-12-06 08:49:10 -
学习目标1、元素类型分类依据和元素类型分类2、元素类型的转换3、inline-block元素类型的应用4、置换和非置换元素的概念和应用案例一、元素类型分类依据和元素类型分类根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素1.块状元素（block element） A）块状元素在网 2024-12-06 08:18:59 -
欢迎回到我们为了构建更快网页所写的系列文章。本系列的 第一部分 和 第二部分 讲述了如何通过优化和替换图片来减少浏览器脂肪。本部分会着眼于在 CSS（ 层叠式样式表 ）和字体中减掉更多的脂肪。调整 CSS首先，我们先来看看问题的源头。CSS 的出现曾是技术的一大进步。你可以用一个集中式的样式表来装饰 2024-12-06 08:03:38
