CSS3 笔记一（Rounded Corners/Border Images/Backgrounds） - 相关文章

【CSS3 笔记一（Rounded Corners/Border Images/Backgrounds）】的更多相关文章

CSS3 笔记一（Rounded Corners/Border Images/Backgrounds）

CSS3 Rounded Corners The border-radius property is a shorthand property for setting the four border-*-radius properties. syntax border-radius: 1-4 length|% / 1-4 length|%|initial|inherit; Property Description border-radius A shorthand property for se…

【CSS3】Advanced1：Rounded Corners

1.Border radius The border-radius property can be used to working clockwise from top-left set border-top-left-radius/border-top-right-radius/border-bottom-right-radius/border-bottom-left-radius -webkit-border-radius and -moz-border-radius ,old browse…

CSS3笔记

CSS/CSS3在线手册:http://www.css119.com/book/css/ CSS3实现水平垂直居中:http://bbs.html5cn.org/thread-87300-1-1.html http://www.w3cplus.com/css/centering-css-complete-guide.html CSS魔法:http://www.cssmagic.net/ 你很熟悉CSS,却没掌握这些CSS技巧:http://www.html5cn.org/art…

css3动画使用技巧之—border旋转时的应用。

<html> <head> <title>css3动画border旋转时的应用.</title> <meta charset="UTF-8"/> <style type="text/css"> body{ background: #ccc; } .he{ width: 100px; height: 100px; margin: 200px auto; border: 10px solid bla…

CSS3笔记（一）

最开始的时候 CSS3产生的一个新属性是一个浏览器的私有的,然后W3C 可能会拿来采用做个标准,再没公布标准之前就只能用私有属性(加前缀)来表达各自厂商的实现,主要是CSS3刚出现那会儿,它暗示该CSS属性或规则尚未成为W3C标准的一部分,尽管现代浏览器已经支持了众多的CSS3属性,但CSS3目前还没得到全面的支持,所以我们需要使用一些特定的声明来提升兼容性,遗憾的是IE8及以下浏览器目前均不支持CSS3. 1.CSS3标准为加强浏览器兼容性,在使用CSS3属性时尽量使用以下特定声明: * …

CSS3笔记之第四天

CSS3 2D 转换了解2D变换方法: translate() rotate() scale() skew() matrix() translate()方法,根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动. transform:translate(100px,100px); -ms-transform:translate(10px,100px); /* IE 9 */ -webkit-transform:translate(100px,100px); /* Safari and…

CSS3笔记之第一天

通过展示实例来初步学习CSS3 1.背景设置背景色:background-color:#b0c4de; 设置背景图片:background-image:url('paper.gif'); 设置背景图片重复策略:background-repeat:repeat-x;(no-repeat),repeat-y 设置背景图片位置:background-position:right top;(left bottom) 设置背景的全部属性:background:#ffffff url('img_tree.…

CSS3笔记4

1.CSS3盒子模型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div:first-child { width: 200px; height: 200px; background-color: pink; box-sizing: cont…

前端CSS3笔记

第1章CSS3简介如同人类的的进化一样,CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷. 1.1 CSS3的现状 1.浏览器支持程度差,需要添加私有前缀 2.移动端支持优于PC端 3.不断改进中 4.应用相对广泛 1.2 如何对待 1.坚持渐进增强原则 2.考虑用户群体 3.遵照产品的方案 4.听Boss的第2章准备工作 2.1 统一环境由于CSS3兼容性问题的普遍存在,为了避免因兼容性…

CSS3笔记-加强版

属性选择器: E[attr]只使用属性名,但没有确定任何属性值 E[attr="value"]指定属性名,并指定了该属性的属性值 E[attr~="value"]指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”不能不写 E[attr^="value"]指定了属性名,并且有属性值,属性值是以value开头的 E[attr$="value"]指定了属性名…