css:条件注释判断浏览器

 所有的IE可识别 Target ALL VERSIONS of IE

?

1 2 3

<!--[if IE]>     <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> <![endif]-->

除IE外都可识别 Target everything EXCEPT IE

?

1 2 3

<!--[if !IE]><!-->     <link rel="stylesheet" type="text/css" href="not-ie.css" />  <!--<![endif]-->

仅IE7可识别 Target IE 7 ONLY　

?

1 2 3

<!--[if IE 7]>     <link rel="stylesheet" type="text/css" href="ie7.css"> <![endif]-->

　仅IE6可识别 　 Target IE 6 ONLY

?

1 2 3

<!--[if IE 6]>     <link rel="stylesheet" type="text/css" href="ie6.css" /> <![endif]-->

　仅IE5可识别Target IE 5 ONLY　

?

1 2 3

<!--[if IE 5]>     <link rel="stylesheet" type="text/css" href="ie5.css" /> <![endif]-->

　IE6以及IE6以下版本可识别　Target IE 6 and LOWER

?

1 2 3

<!--[if lt IE 7]>     <link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> <![endif]-->

　

?

1 2 3

<!--[if lte IE 6]>     <link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> <![endif]-->

　IE7以及IE7以下版本可识别Target IE 7 and LOWER　

?

1 2 3

<!--[if lt IE 8]>     <link rel="stylesheet" type="text/css" href="ie7-and-down.css" /> <![endif]-->

　　

?

1 2 3

<!--[if lte IE 7]>     <link rel="stylesheet" type="text/css" href="ie7-and-down.css" /> <![endif]-->

　　IE6以及IE6以上版本可识别 Target IE 6 and HIGHER

　

?

1 2 3

<!--[if gt IE 5.5]>     <link rel="stylesheet" type="text/css" href="ie6-and-up.css" /> <![endif]-->

　　

?

1 2 3

<!--[if gte IE 6]>     <link rel="stylesheet" type="text/css" href="ie6-and-up.css" /> <![endif]-->

　　IE7以及IE7以上版本可识别Target IE 7 and HIGHER

　

?

1 2 3

<!--[if gt IE 6]>     <link rel="stylesheet" type="text/css" href="ie7-and-up.css" /> <![endif]-->

　　

?

1 2 3

<!--[if gte IE 7]>     <link rel="stylesheet" type="text/css" href="ie7-and-up.css" /> <![endif]-->

　　

 

?

1 2 3 4

.box-corners { border-radius: 30px; //IE 9+ -moz-border-radius: 30px; //Firefox -webkit-border-radius: 30px; // Chrome/Safari -khtml-border-radius: 30px; // Konquerer browsers } - See more at:

　　

 

from https://css-tricks.com/how-to-create-an-ie-only-stylesheet/

http://www.corelangs.com/css/box/round.html 圆边层

jquery tabs

http://www.jqueryrain.com/example/jquery-tabs/page/3/

http://www.sitepoint.com/10-jquery-sliding-sidebar-panel-plugins/

http://webdesignledger.com/11-useful-jquery-tab-navigation-solutions

http://www.jqueryrain.com/?Xj0x4X5A

 https://github.com/alexchizhovcom/pwstabs  

PWS Tabs is a lightweight jQuery tabs plugin to create responsive flat style tabbed content panels with some cool transition effects powered by CSS3 animations.

 

css frameworks

http://www.blueprintcss.org/

http://www.unsemantic.com/

http://bluetrip.org/

http://elasticss.com/

http://www.gumbyframework.com/

http://susy.oddbird.net/

http://foundation.zurb.com/

https://imperavi.com/kube/

http://groundworkcss.github.io/

http://semantic-ui.com/

http://purecss.io/

http://learnlayout.com/frameworks.html

 https://nodejs.org/download/

https://github.com/OpenLiveWriter/OpenLiveWriter

https://github.com/xljiulang/NetworkSocket

https://github.com/Particular/NServiceBus

https://github.com/MassTransit/MassTransit