获得徽章 23
#每天一个知识点# HTML 中有 details 和 summary 标签，可以很方便的实现展开、收起效果:
<details>
<summary>Title</summary>
<p>Detail content.</p>
</details>
#每天一个知识点# CSS 有个 resize 属性，可以让元素支持被用户拖拽设置大小，其支持 horizontal vertical 等值，不过一般要配合 max-width 和 max-height 使用，避免用户拖拽导致元素超出可控大小范围。
#每天一个知识点# ::selection 选择器可以用于选中被用户选中的内容，从而修改对应部分的样式，不过要注意仅支持颜色、背景色、阴影等几个属性。
#每天一个知识点# 有一个 css 伪类 :any-link，可以选中所有带 href 的 a 标签和 area 标签，所以如果要选择带 href 的 a 标签除了使用 a[href] 还可以使用 a:any-link
#每天一个知识点# 在 TS 中 class 的 constructor 可以为型参设置 public 属性，设置属性后 TS 会默认将该参数添加作为类实例属性。如 constructor(public name: string) {} ，则实例化时传入 name 会自动转换为实例的 public 属性。
#每天一个知识点# HTML 标签有三种闭合方式：<a></a>、<img />、<br>，手撸一定需要注意闭合方式，否则由于 HTML 的兼容性它会自己给你生成闭合标签导致嵌套层级错误。
#每天一个知识点# 元素分为置换和非置换元素，置换元素的内容由外部资源决定，而非置换元素的内容由元素本身决定。比较典型置换元素有 video、image 和 iframe。
#每天一个知识点# CSS 还有个和 :is() 选择器相反的 :not() 选择器，:not() 选择器给 CSS 带来了反选的能力，比如以前我们可以使用 :hover 选择鼠标悬浮的元素，现在就可以使用 :not(:hover) 选择没有被鼠标悬浮的其它元素，在很多场景下就不需要添加额外的类名了。
#每天一个知识点# 和 :is() 选择器非常类似的还有个 :where() 选择器，它的语法与使用方式与 :is() 基本完全一致，不过有个巨大的不同就是他们的优先级的计算，在 :is() 选择器会对优先级计算造成影响而 :where() 则不会。
#每天一个知识点# :is 是一个较新的 css 选择器，它本身并没有带来什么新功能，主要作用是让语义更清晰且语法更简单。比如 `.a .foo, .b .foo, .c .foo` 可以使用 :is 来缩短为 `:is(.a, .b, .c) .foo`
