css矩形凹陷效果_css基础小练习

1.CSS中的定位position

• Position有三个，absolute绝对定位，定位会释放原来的位置，并且是基于外层父级标签来说的
• relative是相对定位，定位离开原来的位置没有释放，相对于原来的位置来说的。
• fixed是固定的对位，始终是基于浏览器的左上角来定位的适合用来做广告

2. Css3新增选择器

• .div_1>p:last-child是获得最后一个子元素
• .div_1>p:first-child获得第一个子元素
• .div_1>p:nth-child(n)获得指定的子元素，括号中为odd为偶数行，even为基数行
• .div_1>p:empty获取为空的子元素标签
• inpue：focus获取焦点
• befor在指定对象之前插入属性
• 属性选择器input[type=text]

3.css3的新增属性

• /*倒圆角指令*/
• border-radius: 100px; 0-100px当为0时是一个矩形，当为100px为圆
• /*旋转角度*/
• transform: rotate(45deg); 0-360deg旋转的度数
• /*放大的倍数*/
• transform: scale(1.3); 放大与缩小的倍数，1以上为方法，