-
前言在之前某一个前端技术群里，有一个群友说他面试的时候遇到了一个问题，就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。给出的初始结构如下：<style>body {padding: 2em;text-align: center;} 2024-08-29 10:45:41 -
细品100道CSS知识点（css padding和margin）
看到小伙伴留言说期待后面整理的CSS和JS篇，工具人小编整理出了本篇有关CSS部分的知识点。本篇文章作为对CSS知识点的统筹，囊括了目前大部分在面试当中常见的内容，包括一些易踩雷的知识点。文章篇幅较长，建议收藏慢慢细品。文中篇概念性的内容也蛮多，小编一如既往的做了分割线，记忆力好的童鞋请自行忽略。5 2024-08-29 09:48:33 -
前端基础 CSS丨css3渐变色的实现（css radial-gradient）
大家应该都知道，在进行网页编程的时候有很多时候都会用到渐变色，但是CSS2处理渐变色比较困难，CSS3就比较方便了，所以今天苏苏老师就教大家用CSS3实现渐变色功能~有自信的女性高管的复合形象，双臂交叉CSS3 渐变（Gradients）CSS3 渐变（gradients）可以让你在两个或多个指定的 2024-08-28 11:15:03 -
每个Web开发人员都应该知道的七个CSS核心概念(css border 边距)
在本文中，我将介绍7个关于CSS的核心概念，它们将帮助您了解发生了什么（即使是一点点）。到目前为止，很多人不知道 CSS 是如何工作的，不过这已经不是什么秘密了，尤其是当你第一次接触 CSS 时。很难弄清楚为什么一个元素位于某个位置，或者为什么该元素具有红色，尽管使用了重要的覆盖它。在本文中，我将介 2024-08-28 10:33:29 -
汉字的传统字体有楷书、隶书、草书等等，现在的自制字体数量更多。如果还用着系统默认的微软雅黑，那不妨试着用用新字体。摆脱网页单调的第一步，从字开始！目标指定字体系列设置字体大小、粗细和正斜设置字体颜色设置字体--font-family在日常工作、生活里，我们常常接触到宋体、黑体等传统字体传统字体随着人 2024-08-28 09:33:08 -
在考察应试者CSS基础的时候，有时候会要求用CSS绘制一些基础图形。今天向大家介绍一下平行四边形的绘制，如果用到了不用谢我。一种思路是使用一个矩形的div和两个三角形拼接来形成平行四边形，当然可以使用伪类，这样就不用使用三个元素了。另一种是使用skew属性。举个栗子： // css .parall 2024-08-28 09:03:30 -
在CSS中，我们有auto值，它可以用于像margin，position，height，width等属性。在本文中，会先解释auto的工作方式以及如何最大程度地利用auto的技术细节,当然，会配合一些用例和示例。简介auto关键字的使用因属性而异。对于本文，我将在每个属性的上下文中解释值。width 2024-08-28 08:33:24 -
效果图：所有代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <sty 2024-08-28 08:18:19 -
CSS3实战小技巧--使用CSS变量实现波浪动画2017年3月，微软宣布 Edge 浏览器将支持 CSS 变量，这个重要的 CSS 新功能，所有主要浏览器已经都支持了声明css变量的时候，变量名前面要加两根连词线（--）。变量名大小写敏感， --ft-size和 --Ft-size 是两个不同变量。 2024-08-27 10:18:23 -
CSS（Cascading Style Sheets，层叠样式表）是用来为 HTML 文档添加样式的一种语言，是由 W3C 定义和维护的，现在大部分浏览器都已经支持 CSS3，而下一版本还在开发中。CSS 一般都是和 HTML 一起工作的，为 HTML 元素添加样式，使得界面美观，CSS 可以使用 2024-08-27 10:02:59
