HTML5 CSS3 short tutorial, html5 css3 video tutorial

Source: Internet
Author: User

HTML5 CSS3 short tutorial, html5 css3 video tutorial
HTML5 CSS3 brief tutorial

 



Web designers can use HTML4 and CSS2.1 to do something cool. We can complete the logical structure of the document and create a website with rich content without using the old table-based layout. We can add beautiful and exquisite style styles to the website without using the inline <font> and <br> labels. In fact, our current design capabilities have moved us away from the terrible age of browser wars, proprietary protocols, and ugly web pages that are full of flashing, rolling, and flashing.
Although HTML4 and CSS2.1 are already widely used, we can do better! We can reorganize the structure of our code and make our page code more semantic. We can reduce the amount of code that brings beautiful page styles and make them more scalable. Now HTML5 and CSS3 are waiting for you. Let's see if they can really bring our design to the next height...
You can also refer to the following CSS3 tutorials and resources:
New CSS3 technology for improving your design level
Learn endless CSS (xHTML + CSS skills tutorial resource Daquan)

Summary of the most comprehensive Browser/CSS selector compatibility
Five new CSS3 technologies you should know
Say goodbye to <div>. Welcome to semantic tags.

Once, designers often used table-based la s without any semantics. However, in the end, I would like to thank the innovative idea like Jeffrey Zeldman and Eric Meyer. The SMART designers gradually accepted the relatively more semantic <div> layout instead of the table layout, and start calling the external style sheet. Unfortunately, complex web design requires a large number of different tag structure code. We call it "<div>-soup" syndrome. You may be familiar with the following code:
<Divid = "news">
<Divclass = "section">
<Divclass = "article">
<Divclass = "header">
<H1> Div Soup Demonstration <P> Posted on July 11th, 2009 </p>
</Div>
<Divclass = "content">
<P> Lorem ipsum text blah. </p>
<P> Lorem ipsum text blah. </p>
<P> Lorem ipsum text blah. </p>
</Div>
<Divclass = "footer">

</Div>
</Div>
<Divclass = "aside">
<Divclass = "header">
<H1> Tangential Information </Div>
<Divclass = "content">
<P> Lorem ipsum text blah. </p>
<P> Lorem ipsum text blah. </p>
<P> Lorem ipsum text blah. </p>
</Div>
<Divclass = "footer">
<P> Tags: HMTL, code, demo </p>
</Div>
</Div>
</Div>
</Div>

Http://html5.662p.com/thread-36-1-1.html


Html5 + css3 video tutorials include a book with video tutorials, HTML5 + CSS3 from entry to mastery (with a DVD disc)
What are the best tutorials for HTML5 and css3? website reconstruction: A list of advanced and improved books

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.