7月9号

  今天,我们学习了CSS3的部分内容。

  1. 部分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:点击后的状态       
  2. 背景
    • background-origin:背景参照点
    • background-size:背景尺寸
    • background-position:背景位置
    • background-repeat:背景循环
    •  background-clip:背景剪切  
  3. 边框
    • border-image-source:边框切割
    • border-radius:边框圆角(方向:左上开始,顺时针方向) 
    • box-shadow:边框阴影
    • box-shadow...inset :边框内方向阴影 
  4. 文本模型
    • text-shadow:文本阴影
    •  overflow: hidden  :溢出时隐藏 
    • text-overflow: ellipsis   :溢出时限时为'...' 

转载于:https://www.cnblogs.com/f19huangtao/p/4634263.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值