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