当大多数人想到在 Web 上进行计算时，他们会想到 JavaScript。考虑到 JavaScript 是 Web 的主要编程语言，这是有道理的，但是如果我告诉你，你可以只用 CSS 进行相当复杂的计算。老实说，它非常神奇且无限有用。什么是 CSS 计算？首先，我们需要谈谈 CSS calc 是什么以及如何使用它。用最简单的术语来说，CSS calc 只是一 …
css伪类和伪元素的区别
CSS（层叠样式表）是一种用于描述HTML或XML（包括各种XML方言，如SVG或XHTML）文档的视觉表现的样式语言。CSS描述了元素应该如何在屏幕、纸张、语音或其他媒体上显示。本文将深入探讨CSS的核心概念和语法，为初学者和有经验的开发者提供一个参考。选择器选择器是CSS中的基础概念，它们用于指定我们想要样式化的HTML元素。元素选择器p {color: …
1.元素的显示与隐藏display、visibility两个属性都可以实现元素的显示与隐藏（1.1）display:none;隐藏元素；display:block;以块级元素显示；（1.2）visibility:hidden;隐藏元素；visibility:visibile;显示元素；display和visibility的区别在于，使用display属性隐藏 …
名师力作，纵享前端学习丝滑开场！尚硅谷禹神版前端入门教程发布！一、上手易禹神一出手，就知有没有。教程竭尽用心，对初学者极度友好，入门不易理解的浮动、定位、变换、过渡、动画等知识点，均配备了精细的3D模型图和演示案例，让你看得更直观，学得更轻松！这不仅仅是一套视频，每一个知识点、每一次总结、每一张图示、各种注意事项等，均整理汇总成了笔记，堪称视频学习最佳拍档， …
各位开发老铁们，CSS 样式冲突是不是让你很抓狂？很多人一遇到这种问题，就直接甩个 !important 上去，图个省事。可这么干后患无穷啊，不仅代码乱得像一锅粥，调试起来更是能把人逼疯。今天，咱就聊聊怎么跟 !important 说拜拜，用更靠谱的方法解决样式冲突。别再宠 !important了，它真不是啥好东西代码乱成一锅粥，维护难上加难要是项目里到处都 …
浏览器解析HTML的过程 1、构建 frame, 以建立DOM树。2、回流(reflow) 引起Dom树结构变化，改变页面布局。 3、重绘(repaint) 不会引起Dom树变化及页面布局变化，只重新渲染页面样式回流与重绘两者之间的联系在于: 触发回流一定会触发重绘, 而触发重绘却不一定会触发回流。我们可以把页面理解为一个黑板，黑板上有一朵画好的小花。现在我 …
CSS介绍CSS(Cascading Style Sheet)层叠样式表，它是用来美化页面的一种语言CSS的作用美化界面, 比如: 设置标签文字大小、颜色、字体加粗等样式控制页面布局, 比如: 设置浮动、定位等样式CSS的基本语法选择器{样式规则}样式规则：属性名1：属性值1;属性名2：属性值2;属性名3：属性值3;选择器:是用来选择标签的，选出来以后给标签 …
作者：曾维宏(恒实)“ 本文为《Cube 技术解读》系列第三篇文章，之前上线的《支付宝新一代动态化技术架构与选型综述》《Cube卡片技术栈解读》欢迎大家回顾。”小程序作为动态化或者跨端开发的一种技术栈，在业界成为事实标准。Cube 作为一种轻量级小程序技术栈，具有体积小、启动快、内存占用低等特点，也比较适合“即用即走”的小程序场景。以下将重点介绍 Cube …
伪类和伪元素在开发网页样式中，选择器必不可少，而且选择器也是在开发css中非常重要的内容，包括常用的类选择器，id选择，同时还有伪类，伪类选择器最大的特点就是冒号开头。平时也经常会有小伙伴问到，在使用的时候有伪类，也有伪元素，有些添加单冒号，有些添加双冒号，有没有什么区别？在网上总结的比较多的一个特点就是，其实在使用的时候，无论是伪类还是伪元素都是可以用单冒 …
web前端怎么样才能入门，首先我们要从什么是初级web前端工程师说起：按照我的想法，我把前端工程师分为了入门、初级、中级、高级这四个级别，入门级别指的是了解到底什么是前端，了解基本的html、css和javascript语法。在经历过入门的阶段，已经了解了前端要做什么，并且把基本的语法学习过了可以独立做一些简单的页面了，那么就要继续学习达到初级前端工程师的水 …