#青训营笔记创作活动#
1月25日 打卡day10
今日学习
认识更多CSS属性,满满干货[大笑]
1、position: sticky 可以实现标题吸顶的需求
2、选择器:empty 选中内容为空的容器,然后通过伪元素为空容器添加提示
3、gap属性 可以实现每个元素之间隔固定距离
4、background-clip: text 用来做带背景的文字效果
5、user-select属性 禁用光标选中效果
6、选择器:invalid 伪类 实现校验提示的效果,例如当 input 值有效时,元素颜色为绿色【input:valid {background-color: #ddffdd;}】,无效时为红色【input:invalid {background-color: #ffdddd;}】
7、选择器:focus-within 伪类 根据子元素的状态来改变父元素的样式
8、mix-blend-mode:difference属性 元素内容与元素的直系父元素内容和元素背景如何混合, 其中difference 表示差值
展开
评论