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   :溢出时限时为'...' 
posted @ 2015-07-09 21:13  搬砖菜鸟  阅读(121)  评论(0编辑  收藏  举报