首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CSS
calm_sea
创建于2023-02-14
订阅专栏
CSS功能, 技巧
暂无订阅
共13篇文章
创建于2023-02-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
css transition
transition: 过渡 transition 什么时候生效的 元素从一种样式变成另一种样式时的平滑过渡效果。在这种情况下,transition会在元素样式发生更改时立即生效, tranform
使用css animation 制作loading动画
效果 方法 使用Animation添加from 到 to 的动画 给每个子元素添加延迟 animation的使用 animation: 规则名 持续时间 重复次数 时间函数 动画方向 延迟时间 nam
原生JS 实现复杂的表格排序和全选功能
效果 总结 总结一下这个项目,你实现了以下功能: 点击表头进行升序/降序排序,根据数据类型进行排序(数字/字符串) 点击全选/全不选按钮,控制所有复选框的状态 点击任意一个复选框,控制全选按钮的状态
css 伪类选择器
伪类选择器 伪类 含义 :link 选中未访问过的超链接 :visited 选中已访问过的超链接 :hover 选中鼠标移入的元素 :active 选中鼠标按下的元素 :focus 选中聚焦的表单元素
css position 绝对定位
什么时候使用绝对定位 下面三个条件满足任何一个时,使用绝对定位: 元素出现在一个天马行空的位置 元素是否存在,不影响其他元素的排列 单个元素在某个区域内水平垂直居中 fixed和absolute的区别
css 属性值的计算过程
CSS属性值的计算过程包括以下几个步骤: 收集样式规则:浏览器首先需要收集所有的样式规则,包括内联样式、嵌入样式和外部样式表。 构建样式规则树:将收集到的样式规则按照优先级构建成一棵样式规则树。在构建
css 精灵图(sprite)
简介 前端精灵图(也称CSS雪碧图)是一种优化前端性能的技术,它将多张小图片合并成一张大图片,并使用CSS背景定位来显示各个小图片,从而减少了HTTP请求次数和网页加载时间,提高了网页的性能和用户体验
css 尺寸百分比
尺寸的百分比 百分比是一个相对单位,其相对于元素的参考系,比如: 普通元素的参考系为父元素的内容区域 绝对(固定)定位元素的参考系为父元素中第一个定位元素的padding区域 参考父元素 为什么con
css inline空隙问题
看效果 看一看见span 元素之间有间隙, 产生原因 inline元素是按照文本的方式排列的,所以它们之间会有空白字符,例如换行符、空格等。 这些空白字符会占用一定的宽度,导致inline元素之间出现
css position定位 relative, absolute
CSS定位是一种CSS属性,可以用于指定一个元素在其父元素中的位置。CSS定位有以下几种类型: 静态定位(static):这是默认的定位方式,元素在文档流中按照其在HTML中的位置进行布局。 相对定位
css float浮动 clearfix清除浮动
CSS中的浮动指的是一种布局方式,可以让元素向左或向右浮动,以腾出空间给其他元素。浮动元素不再占据父容器中的原始位置,而是尽可能地靠近容器中的另一个元素。这种布局方式常用于制作多栏布局、图像浮动等。但
css BFC触发 margin合并 塌陷
BFC 全称为“块级格式化上下文”,是 Web 页面中一种常见的渲染机制。 BFC 主要作用是定义了一个独立的渲染区域,该区域内部的元素布局不会影响到外部元素。在 BFC 中,每个元素的 margin
css 的权重
权重解决了什么问题 CSS 权重是为了解决当多个 CSS 规则应用于同一个元素时,哪个规则将优先应用的问题。 demo css 定义了两条规则,都指向了最里面的div, 为何只有第一条被采用了? 权重