今天,我们学习了CSS3的部分内容。
- 部分CSS3的选择器
- nth-child(n):选择第n个子元素
- last-child:最后一个子元素
- nth-of-type(n):同类型中第n个同级元素
- nth-last-of-type(n):同类型中倒数第n个同级元素
- only-child:父元素中仅有的一个子元素
- only-of-type:同类型中唯一的一个同级元素
- empty:没有任何子元素的元素
- input-focus:鼠标选中时的状态
- checked-after:点击后的状态
- 背景
- background-origin:背景参照点
- background-size:背景尺寸
- background-position:背景位置
- background-repeat:背景循环
- background-clip:背景剪切
- 边框
- border-image-source:边框切割
- border-radius:边框圆角(方向:左上开始,顺时针方向)
- box-shadow:边框阴影
- box-shadow...inset :边框内方向阴影
- 文本模型
- text-shadow:文本阴影
- overflow: hidden :溢出时隐藏
- text-overflow: ellipsis :溢出时限时为'...'