#青训营笔记创作活动#
2月12日 打卡day04
今日学习了不同的CSS属性 1. position: sticky;
用于可以让竖型结构的表格吸顶的需求,标题滚动时,会一直吸着最顶上;2. :empty 选择器,可以当数据请求接口,没有数据时,提示没有数据,通过 :empty 选中内容为空的容器,然后通过伪元素为空容器添加提示;3. gap,可以设置元素和元素之间的间隔,使用grid/flex布局,再添加想要间隔的距离gap;4. background-clip:text,和color: transparent;可以做一个带背景的文字效果; 5. user-select 属性可以 禁用光标选中 ,让网页看着和移动端一样。6. :invalid 伪类,可以不用 JS 也能实现校验提示的效果了;7. :focus-within 伪类,表示一个元素获得焦点,或该元素的后代元素获得焦点。换句话说,元素自身或者它的某个后代匹配 :focus 伪类就会触发它,类似于js中的冒泡。8. mix-blend-mode:difference,属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。其中,difference 表示差值。
展开
评论