CSS3基础知识

【CSS3基础知识】的更多相关文章

CSS3 基础知识

CSS3 基础知识1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平.垂直.模糊.扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3 边框图像 border-image2.背景 2.1 background-size background-size:…

CSS3 基础知识[转载minsong的博客]

CSS3 基础知识1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平.垂直.模糊.扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3 边框图像 border-image2.背景 2.1 background-size background-size:…

CSS3基础 1 样式表的使用 1.内联样式表. 只影响单个元素,常用于标签. <p style="color: aqua;font-size: 20px">This is CSS.</p> 2.内部样式表. 对本页面元素起作用,一般写在<head></head>中,用<style></style>定义. <head> <meta charset="utf-8"> <…

css3基础知识——回顾

1.属性选择器完全匹配的属性选择器 [id=article]{} 示例: <style> input[type=text]{ border: 2px solid red;} </style> <input type="text"> <input type="text"> <input type="password"> 结果:前两文本框的边框为两像素红色. 包含匹配元素选择器,包含制定的…

CSS3基础知识学习

CSS3动画例子展示 http://www.17sucai.com/pins/demoshow/13948 HTML5和CSS3特效展示 http://www.html5tricks.com/30-more-html5-apps.html CSS3--animation.transform.transition http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/…

【前端】之CSS3基础知识

CSS3 私有化前缀考虑到CSS3的兼容性问题,某些属性需要添加浏览器的私有化前缀几种主流浏览器的私有化前缀如下: Chrome.Safari:-webkit- Firefox:-moz- IE:-ms- Opera:-o- CSS3 之前已有的选择器 div{}:标签选择器 .box{}:类选择器 #box{}:ID选择器 div:hover{}:伪类选择器 div p{}:后代选择器 div.box{}:交集选择器 div,p{}:并集选择器 *{}:通配符选择器 CSS3 属性选择器…

CSS3基础知识核心动画（二）

Transition过渡 transition-property 过渡属性 all|[attr] transition-duration 过渡时间 transition-delay 延迟时间 transition-timing-function 运动类型 ease:(逐渐变慢)默认值 linear:(匀速) ease-in:(加速) ease-out:(减速) ease-in-out:(先加速后减速) cubic-bezier 贝塞尔曲线( x1, y1, x2, y2 )贝塞尔曲线 webki…