Content introduction
With the advent of Web 2.0, the standardized CSS DIV design method for web pages is gradually replacing the traditional table layout mode, and learning CSS has become a required course for designers.
This book systematically explains the basic theory and practical application technology of CSS cascading style sheets, and analyzes CSS in a simple and easy-to-understand manner through a large number of examples. It mainly includes the basic grammar and concepts of CSS, setting text, pictures, backgrounds, tables, Methods for web page elements such as forms and menus, and the use of CSS filters. It focuses on explaining how to use CSS DIV for web page layout, focusing on practical operations, so that readers can master the essence of CSS DIV while learning CSS application technology. This book also explains in detail the technical details that are less covered in other books, including the comprehensive application of extended CSS and JavaScript, XML and Ajax, etc., guiding readers to create web pages that comply with Web standards, so that readers who are engaged in or want to engage in professional work in website design and development can readers to improve their technical level and competitiveness. Finally, comprehensive examples of five common types of complete web pages are given, allowing readers to further consolidate the knowledge they have learned and improve their comprehensive application capabilities.
This book has detailed content, clear structure, and step-by-step instructions. It pays attention to the echoes and comparisons between each chapter and examples. It can be used as an introductory textbook for CSS beginners, and is also suitable for intermediate and advanced users for further study and reference.
Table of Contents
Part 1 CSS Basics
Chapter 1 Initial Experience with CSS
1.1 The Concept of CSS
1.2 Using CSS to Control Pages
1.3 Experience CSS
Chapter 2 Basic syntax of CSS
2.1 CSS selector
2.2 Selector declaration
2.3 CSS inheritance
Chapter 3 Use CSS to set rich text effects
3.1 CSS text style
3.2 Text example one: Simulating the Google company logo
3.3 Text example two: Making a colorful title for the page
3.4 CSS paragraph text
3.5 Paragraph example: Baidu search
Chapter 4 Setting images with CSS Effects
4.1 Image style
4.2 Alignment of images
4.3 Mixed arrangement of images and text
4.4 Image and text example: Eight Immortals Crossing the Sea
Chapter 5 Use CSS to set the background of a web page
5.1 Background color
5.2 Background image
5.3 Background synthesis 1: My personal homepage
5.4 Background synthesis 2: Ancient words "Niannujiao·Chibi Nostalgia"
Chapter 6 Using CSS to style tables and forms
6.1 Control table
6.2 Table example 1: Alternate rows change color
6.3 Table example 2: Table that changes color when the mouse passes over it
6.4 Table example 3: Calendar
6.5 CSS and forms
6.6 Comprehensive example One: Directly input Excel table
6.7 Comprehensive example two: Imitating Sina Netizen Questionnaire
Chapter 7 Using CSS to set page and browser elements
7.1 Rich hyperlink special effects
7.2 Mouse effects
7.3 Page scroll bar
Chapter 8 Use CSS to create practical menus
8.1 Item list
8.2 Menus without tables
8.3 Menu horizontal and vertical conversion
8.4 Menu example 1: Baidu Navigation Bar
8.5 Menu Example 2: Popular Tab Menu
Chapter 9 Application of CSS Filters
9.1 Filter Overview
9.2 Channel (Alpha)
9.3 Blur (Blur)
9.4 Motion Blur
9.5 Chroma
9.6 Dropshadow
9.7 Flip
9.8 Glow
9.9 Gray Gray
9.10 Invert
9.11 Mask
9.12 Shadow
9.13 X-ray
9.14 Emboss and Engrave)
9.15 Wave
Part 2 CSS DIV beautification and layout
Chapter 10 Understanding CSS positioning and div layout
10.1 div tag and span tag
10.2 Box model
10.3 Positioning of elements
10.4 Positioning example 1: Easily sign pictures
10.5 Positioning example 2: Text shadow effect
Chapter 11 Analysis of CSS div layout method
11.1 CSS layout concepts
11.2 Fixed-width and centered layout
11.3 Left-center-right layout
11.4 Block background color problem
11.5 Typesetting example: electronic photo album
11.6 Analysis of div typesetting and traditional table typesetting
Chapter 12 CSS div beautification and layout practice
12.1 Framework construction
12.2 Example 1: Blue Classic
12.3 Example 2: Along the River During Qingming Festival
12.4 Example 3: Jiaohe Ancient City
12.5 Automatically select CSS style
Part 3 CSS Mixed Application Technology
Chapter 13 Integrated Application of CSS and JavaScript
13.1 Overview of JavaScript
13.2 Basics of JavaScript syntax
13.3 Example 1: Excel table highlighted during input
13.4 Example 2: Text from far to near
13.5 Example 3: Marquee special effect
13.6 Example 4: Picture fade in and out
13.7 Example 5: CSS to implement PPT slideshow
13.8 Example 6: Lighting effect
13.9 Example 7: Stage lighting
13.10 Example 8: Searchlight
13.11 Example 9: Mouse text following
Chapter 14 Comprehensive application of CSS and XML
14.1 XML basics
14.2 XML link CSS file
14.3 XML text shadow effect
14.4 XML ancient poetry calligraphy and painting
14.5 Tables with interlaced color changes using XML
Chapter 15 Comprehensive application of CSS and Ajax
15.1 Overview of Ajax
15.2 Getting started with Ajax
15.3 Ajax example: a web page that can freely drag the layout area
Part 4 Comprehensive Cases
Chapter 16 My Blog
16.1 Analysis Structure
16.2 Module Split
16.3 Overall Adjustment
Chapter 17 Small Studio Website
17.1 Analysis Structure
17.2 Module Split
17.3 Overall Adjustment
Chapter 18 Corporate Website
18.1 Analysis Structure
18.2 Module Split
18.3 Overall Adjustment
Chapter 19 Online Shopping Website
19.1 Analysis Structure
19.2 Module Analysis
19.3 Overall Adjustment
Chapter 20 Travel Website
20.1 Analysis Structure
20.2 Module Split
20.3 Overall Adjustment