css3新特性

前端开发面试知识点大纲:

HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、
CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。
JavaScript: 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。
其他: HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯

 

CSS3新增伪类举例: 
    p:first-of-type 选择第一个<p>元素。    

  p:last-of-type  选择最后一个 <p> 元素。    

  p:only-of-type  指定属于父元素的特定类型的唯一子元素的每个 p 元素 

    p:only-child    规定属于其父元素的唯一子元素的每个 p 元素: 

    p:nth-child(2)  选择属于其父元素的第二个子元素的每个 <p> 元素。 

    :enabled、:disabled 控制表单控件的禁用状态。  

    :checked,单选框或复选框被选中。

 

CSS3实现圆角(border-radius:8px),阴影(box-shadow:10px),  对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)  transform:rotate(9deg) scale(0.85,0.90) 
translate(0px,-30px) skew(-9deg,0deg);//旋转,缩放,定位,倾斜  增加了更多的CSS选择器  多背景rgba

posted @ 2016-08-22 18:42  haveProgress  阅读(170)  评论(0编辑  收藏  举报