Organize web standard learning tutorials

Source: Internet
Author: User
From: http://bbs.blueidea.com/thread-2734595-1-1.html

CSS section:

CSS getting started Tutorial:

CSS Entry 1: CSS style sheets
CSS entry 2: syntax Basics
CSS entry 3: how to insert
CSS entry 4: CSS Selector
CSS entry 5: pseudo-class-Dynamic Link
CSS 6: CSS Box Model
CSS entry 7: CSS element Positioning

Completely understand CSS box mode 1 (Quick Start to Div layout)
Thoroughly understand CSS box mode 2 (details of navigation bar instances)
Thoroughly understand CSS box Mode 3 (floating performances and clear self-reports)
Thoroughly understand the CSS box mode 5 (positioning enhancement exercise)

CSS improvement Tutorial:

Display: inline-block
Introduction to the attributes of margin (1)
Pseudo classes in IE: Use of hover and bugs
Interpretation of absolute and relative
Position: Level of which relative/absolute cannot be broken
Supplement to the article "levels that cannot be broken through"
Detailed description of positioning and Application
Similarities and differences between UL default tags in Firefox and IE
Closed floating Element

CSS excellent Tutorial:

[Translation] on having Layout

Bytes -------------------------------------------------------------------------------------------

XHTML section:

(X) HTML getting started Tutorial:

(X) nested rules under HTML strict
Simple Form standardization example (1): Overall Layout
Simple Form standardization example (2): Semantic Structure
How do website programmers respond to web standards!

Bytes --------------------------------------------------------------------------------------------

Standard Theory Discussion:

LINK rel and target
Topic: Road to standardization
How to start standards
Starting from "Div + CSS", talking about the importance of Structure

Bytes --------------------------------------------------------------------------------------------

Standard Application Example:

Web standard practice series (1) -- Google Homepage

Using CSS to make Star rating I
Using CSS to make Star Rating II
Using CSS to make Star Rating III
Layout Div like a table [1]
Layout Div like a table [2]
[Translation] tables with affinity
[Flip] how to create a two-step album using only XHTML + CSS
CSS example: Map pop)
Copying 6-room website image links
Effect of an avatar [layout example, added with simple instructions]

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.