#青训营笔记创作活动# 1月29日 打卡 day6
一些有趣实用的css属性
【position: sticky】属性,滚动时吸顶
【:empty】选择器,选中内容为空的容器,通过伪元素为空容器添加提示,在没有数据时能够提醒用户
【gap】属性,适用于 Grid 布局、Flex 布局以及多列布局,设置元素的间隔
【background-clip: text】给文字加背景蒙版
【user-select】属性,禁用光标选中,让网页和移动端看起来效果一样
【:invalid】内容通过或未通过验证时,要显示什么样的提示效果(比如输验证码)
【:focus-within】一个元素获得焦点,或该元素的后代元素获得焦点,就会匹配上。
【mix-blend-mode:difference】属性,设计元素的内容应该与元素的直系父元素的内容和元素的背景如何混合
一些有趣实用的css属性
【position: sticky】属性,滚动时吸顶
【:empty】选择器,选中内容为空的容器,通过伪元素为空容器添加提示,在没有数据时能够提醒用户
【gap】属性,适用于 Grid 布局、Flex 布局以及多列布局,设置元素的间隔
【background-clip: text】给文字加背景蒙版
【user-select】属性,禁用光标选中,让网页和移动端看起来效果一样
【:invalid】内容通过或未通过验证时,要显示什么样的提示效果(比如输验证码)
【:focus-within】一个元素获得焦点,或该元素的后代元素获得焦点,就会匹配上。
【mix-blend-mode:difference】属性,设计元素的内容应该与元素的直系父元素的内容和元素的背景如何混合
展开
评论
点赞