Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Css

230 views

Published on

  • Be the first to comment

  • Be the first to like this

Css

  1. 1. CSS<br />
  2. 2. HTML & CSS best practices<br />CSS 3<br />HTML 5<br />
  3. 3. Minimal HTML<br /><ulclass="menu"><br /> <li><br /> <ahref="statistics.html"><br /> Statistics <br /> </a><br /> </li><br /> <liclass="selected"><br /> <ahref="menu.html"><br /> Menu Setup <br /> </a><br /> </li><br /> <li><br /> <ahref="edit.html"><br /> Edit Pages <br /> </a><br /> </li><br /> <li><br /> <ahref="design.html"><br /> Design <br /> </a><br /> </li><br /></ul><!-- menu --><br />
  4. 4. Modular CSS<br /><!--<br /> popup<br /> adding class 'shpitz-left' will add... a shpitz to the left of the popup frame.<br /> adding class 'shpitz-down' will add... a shpitz to the bottom of the popup frame.<br />--><br /><divid="edit-popup"class="popup shpitz-left"><br />
  5. 5. Multiple Classes Selector<br />.popup.shpitz-left<br />
  6. 6. CSS 1/2<br />.class<br />#id<br />*<br />element<br />element,element<br />element element<br />element>element<br />element+element<br />
  7. 7. CSS 1/2<br />[attribute] <br />[attribute=value]<br />[attribute~=value]<br />[attribute|=language]<br />:link<br />:visited<br />:active<br />:hover<br />:focus<br />
  8. 8. CSS 1/2<br />:first-letter<br />:first-line<br />:first-child<br />:before<br />:after<br />:lang(language)<br />
  9. 9. CSS 3<br />[attribute] <br />[attribute=value]<br />[attribute~=value]<br />[attribute|=language]<br />:link<br />:visited<br />:active<br />:hover<br />:focus<br />
  10. 10. HTML 5<br /><header> <br /><footer> <br /><nav> <br /><section> <br /><aside> <br /><command> <br /><details> <br /><summary> <br /><time> <br /><wbr><br />
  11. 11. Minimal HTML<br />Even more<br /><nav><br /> <ahref="statistics.html">Statistics</a><br /><ahref="menu.html">Menu Setup</a><br /> <ahref="edit.html“>Edit Pages</a><br /> <ahref="design.html“>Design</a><br /></nav><br />
  12. 12. CSS Sprites<br />

×