首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端 - 笔记 - CSS
禁止摆烂_才浅
创建于2023-07-04
订阅专栏
主要记录 CSS + CSS3 的基础笔记,以及一些常见样式的记录,遇到的新属性的说明和使用等。
等 8 人订阅
共9篇文章
创建于2023-07-04
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
前端笔记 - 【CSS】- Grid布局详解(附带详细案例)
前言 目前为止,我经常在开发中使用的布局方式有以下几种: Flex布局; 定位; 浮动(基本不怎么使用); 最近在做一个项目的时候,使用到了网格布局,真的是方便了许多; 我学习Grtid布局是阅读的这
前端开发小技巧 - 【CSS】 - 多行文本省略号 + 文本两端对齐 + 文本竖行显示 + 数字/单词换行 + flex弹性盒子不压缩 + 对已有样式设置不生效
多行文本显示省略号 ;单行文本溢出显示省略号 ;数字 / 单词 换行显示 ;flex布局设置弹性盒子不压缩 ;对已有样式设置不生效 【后续会慢慢补充】
前端开发小技巧 - 【Vue / CSS】- 定义变量(CSS、Less、Scss) + 使用变量
前言 你可以把反复使用的css属性值 定义成变量,然后通过变量名来引用它们,而无需重复书写这一属性值。或者,对于仅使用过一 次的属性值,你可以赋予其一个易懂的变量名,让人一眼就知道这个属性值的用途。
前端笔记 - 【CSS】 - filter 于 backdrop-filter
前言 如果在开发中业务那边提出一些需求: 让我们需要做一个毛玻璃的效果; 是给我们一张人物的背景图片,现在需要给这张图片中的任务添加阴影效果,我们该怎么实现呢? 按照我自己来说,我首先想到的是 box
前端开发小技巧 - 【CSS】 - 【盒子保持宽高比例、文字描边、文本竖行显示、滚动吸附、img图片裁剪、文字环绕】
前言 现在的CSS越来越强大,某一些功能,以前需要JS才能实现的效果,现在单纯靠CSS就能实现; 1、盒子保持宽高比例 实现步骤: 1、给盒子 设置宽度,不设高度; 2、增加属性: ❗ 注意: 需要保
前端开发小技巧 - 【CSS】 - 渐变属性【线性渐变 + 径向渐变 + 锥形渐变】
前言 在日常的开发中,线性渐变应该是我们使用次数最多的了,通常都是背景颜色的渐变; 除了 线性渐变 还有 径向渐变、锥形渐变; 在开发中合理使用渐变,可以完成一些特殊的效果; 注意: 因为是颜色渐变,
前端开发小技巧 - 【CSS】 - 常见的伪类选择器 及 新增的伪类选择器【:has、:is、:where】
前言 常见的选择器 以下就是我目前遇到的所有的 伪类选择器: 选择器 例子 描述 a元素(其他元素一样适用) :link a:link 匹配所有未被访问的链接 :visited a:visited 匹
前端 - 笔记 - CSS【选择器、字体和文本样式、背景、盒模型、伪元素、浮动】+ CSS3【选择器 + 盒模型 + 过渡 + 边框图片】
CSS【选择器、字体和文本样式、背景、盒模型、伪元素、浮动】CSS3【选择器 + 盒模型 + 过渡 + 边框图片】
前端 - 笔记 - CSS - 移动Web【过渡 + 平面 / 空间转换 + 动画 + Flex + 移动适配(rem、vw、vh) + 响应式 + Grid】
前端 - 笔记 - CSS - 移动Web【过渡 + 平面 / 空间转换 + 动画 + Flex + 移动适配(rem、vw、vh) + 响应式 + Grid】