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…

1.Universal selectors eg:#target*{ } 2.Child selectors < something immediately nested within something直接子女,不包括子孙 3.Adjacent Selector + something immediately following something 直接跟在后面的第一个跟屁虫 CSS3:h1 ~ p { font-weight: bold } will style all paragraphs…

Object-Oriented Code 1. var Person = function (name) { this.name = name; }; Person.prototype.say = function (words) { alert(this.name + ' says "' + words + '"'); }; var tom = new Person("tom"); tom.say("Hello"); 2.Inheritance…

1.Exploring the depths of HTML5 2.</time> <p>Written by Doctor Who on <time datetime="2052-11-21 09:30">Thursday 21st November 2052 9:30</time>.</p> the value of  should be a machine-readable date and/or time 3.<…

1.Browser-size specific CSS @media screen and (max/min-width:1000px){} 2.Orientation-specific CSS? @media screen and(orientation landscape/portrait){} 3.Divice-specific CSS @media handheld ——not be used widely @media screen and (min-device-height: 76…

1.background:linear-gradient(20deg/(to) bottom right,orange,red,hsl(60,100%,50%)); 2.-webkit-chrome/safari -o-opera -ms-IE9 exclude "to""at" a fallback 3.backround:radial-gradient(circle closest/farthest-side/corner (at) 100px 200 px,y…

1.transform:rotate(-10deg) skew(20deg,10deg) scaling(2/1,2) translate/移动(100px,200px) 2.transform:matrix(rotate,scale,translate,skew)? involve maths 3.transform-orign:horizontal vertical 4.3d…

1.Multiples,Size,and Origin eg:background-image:url(bg.png),url(bullet.png) 0 50% no-repeat,url(arrow.png) right no-repeat background-image background-color background-position background-size:auto length percentage  contain cover background-repeat b…

1.animate parts of your design without the need for the likes of JavaScrip 2.allowing smooth animation (rather than a jump from one state to another). transition:[transition-property-default:all], transition-duration, [transition-timing-function-defa…

1.with the attribute abbr[title]{color:red} 2.with the attribute and it's value input[type=text][disabled]{width:200px;} 3. CSS 3 further allows you to match an attribute without being exact: [attribute^=something] will match a the value of an attrib…