Proficient in CSS: advanced Web standard solution (Chinese e-book download)

Source: Internet
Author: User
Tags image flip

Ah !~ It is hard to find an electronic Chinese version on the Internet, but it has been shown in the image format.

The file is too big. It has not been sorted out for a whole day, and the control is not enough. Here I uploaded the content of the following chapters.

The directory is provided below. You can download it from a friend who needs it. The personal space in the blog Park is too small. There are also several chapters that can be sorted out to provide download and link addresses on CSDN, is a very good book, recommended

Proficient in CSS: advanced Web standard solution 02 (csdn website link)

Proficient in CSS: advanced Web standard solution 05

Proficient in CSS: advanced Web standard solution 06

Proficient in CSS: advanced Web standard solution 07

 

Chapter 4 Basic Knowledge
1.1 design the code structure
1.1.1 Use meaningful tags
1.1.2 document type, DOCTYPE switch, and browser Mode
1.2 find the target for the style
1.2.1 common Selector
1.2.2 General Selector
1.2.3 advanced Selector
1.2.4 cascade and particularity
1.2.5 inheritance
1.3 planning, organizing, and maintaining Style Sheets
1.3.1 apply document styles
1.3.2 annotate the code
1.3.3 Style Guide
1.3.4 organize style sheets to simplify maintenance
Conclusion 1.4
Chapter 2 visual format Model
2.1 box model Overview
2.1.1 IE/Win and box models
2.1.2 adding blank edges
2.2 positioning Overview
2.2.1 visual formatting Model
2.2.2 relative positioning
2.2.3 absolute positioning
2.2.4 floating
Conclusion 2.3
Chapter 2 background image and image replacement
3.1 Background Image Basics
3.2 rounded corner Frame
3.2.1 fixed-width rounded corner Frame
3.2.2 mountain corner
3.3 shadow
3.3.1 simple CSS shadow
3.3.2 shadow method from Clagnut
3.3.3 blur shadow
3.3.4 onion skin shadow
3.4 image replacement
3.4.1 FIR
3.4.2 Phark
3.4.3 Gilder/Levin Method
3.4.4 IFR and sIFR
Conclusion 3.5
Chapter 2 apply the style to links
4.1 simple link Style
4.2 make underline more interesting
4.3 highlight different types of links
4.4 create button and flip
4.4.1 simple flip
4.4.2 image flip
4.4.3 Pixy style flip
4.5 accessed link styles
4.6 pure CSS tooltip
Conclusion 4.7
Chapter 4 apply a style and create a navigation bar to the list
5.1 basic list Style
5.2 create a vertical navigation bar
5.3 highlight the current page in the navigation bar
5.4 create a horizontal navigation bar
5.5 simplified tab navigation
5.6 CSS image ing
5.7 long-distance flip
5.8 Brief description of the definition list
Conclusion 5.9
Chapter 4 apply styles to forms and Data Tables
6.1 apply styles to Data Tables
6.1.1 table-specific elements
6.1.2 data table tag
6.1.3 apply a style to a table
6.1.4 Add a visual style
6.1.5 add other styles
6.2 simple form layout
6.2.1 useful form elements
6.2.2 basic layout
6.2.3 other elements
6.2.4 Modification
6.3 complex form la s
6.3.1 accessible data input Elements
6.3.2 check boxes for multiple columns
6.3.3 form feedback
Conclusion 6.4
Chapter 2 Layout
7.1 center the design
7.1.1 use an Automatic Blank edge to center the design
7.1.2 align design with positioning and negative blank edges
7.2 floating-based layout
7.2.1 floating layout of two columns
7.2.2 floating layout of three columns
7.3 Fixed width, fluid and elastic Layout
7.3.1 Fluid layout
7.3.2 elastic Layout
7.3.3 elastic-Fluid Hybrid Layout
7.3.4 fluid and elastic Images
7.4 faux Column
Conclusion 7.5
Chapter 4 tactics and filters
8.1 Introduction to tactics and filters
8.1.1 a warning about the numbers and filters
8.1.2 use tactics wisely
8.2 filter individual style sheets
8.2.1 conditional comments of IE
8.2.2 band-pass filter
8.3 filter separate rules and statements
8.3.1 sub-Selector
8.3.2 attribute Selector
8.3.3 asterisks HTML tricks
8.3.4 reverse oblique lines in IE/Mac comments
8.3.5 escape attribute description
8.3.6 Tantek box model Tactics
8.3.7 simplified box model moves after modification
8.3.8! Important and underline
8.3.9 Owen Tactics
Conclusion 8.4
Chapter 4 bug and bug fixes
9.1 bug capture
9.2 basic knowledge of bug capturing
9.2.1 isolation
9.2.2 create basic test cases
9.2.3 fix the problem instead of the symptoms
9.2.4 request help
9.3 Layout
9.3.1 what is Layout
9.3.2 what is the effect of the layout?
9.4 Common Bugs and Solutions
9.4.1 double blank side floating bug
9.4.2 3 pixel text offset bug
9.4.3 duplicate characters bug in IE 6
9.4.4 IE 6 Dodge bug
9.4.5 relative absolute positioning in the container
9.4.6 stop criticizing IE
Conclusion 9.5
Instance study 1 More Than Doodles
CS1.1 Study on this instance
CS1.2 use the descendant selector to control the content area
CS1.2.1 XHTML
CS1.2.2 three-column layout
CS1.2.3 two-column layout
CS1.2.4 Single Column Layout
CS1.2.5 hide unwanted Columns
CS1.3 float the column
CS1.3.1 computing
CS1.3.2 float the column to the correct position
CS1.4 highlight the current page based on the subject class
Drop-in box of CS1.5 Column
CS1.6 right angle and rounded corner-determined by yourself
CS1.6.1 normal right angle
CS1.6.2 preparation for special effects
CS1.7 transparent custom corner and border
CS1.7.1 Images
CS1.7.2 CSS
CS1.8 use class combinations to determine operation targets
CS1.9 image class and exceptions
CS1.9.1 default image
Images owned by CS1.9.2
CS1.9.3 large images
CS1.10 processing link
CS1.10.1 view sidebar links
CS1.10.2 signed accessed Link
CS1.10.3 highlight external links
CS1.11 floating shadow (Image Library)
CS1.11.1 shadow
CS1.11.2 float the image
CS1.12 Summary
Instance study 2 Tuscany Luxury Resorts
CS2.1 Study on this instance
CS2.2 Fluid layout
CS2.2.1 subject and container
CS2.2.2 Header
CS2.2.3 content and sidebar
CS2.2.4 footer
CS2.2.5 solve the problem of Fluid layout
CS2.3 use absolute positioning to align Elements
CS2.3.1 location attributes (top, bottom, left, right)
CS2.3.2 stacking Order (z-index)
CS2.4 Background Image Technology
CS2.4.1 divide the upper half into three parts
CS2.4.2 make the background "impeccable"
CS2.5 image replacement
CS2.5.1 logo image replacement
CS2.5.2 uppercase image replacement
CS2.6 Fluid image
CS2.7 use a list item for Multiple Elements
CS2.8 Summary
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.