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