Professional CSS + Div webpage style and layout video tutorial

Introduction
With the tide of Web 2.0, the design of CSS + Div for Standardized Web pages is gradually replacing the traditional table layout mode, and CSS learning has become a required course for designers.
This book systematically explains the basic theory and practical application technology of CSS stacked style sheets. It provides an in-depth and simple analysis of CSS through a large number of examples, including the basic syntax and concepts of CSS, you can use CSS filters to set webpage elements such as text, images, backgrounds, tables, forms, and menus. This article focuses on how to use CSS + Div for webpage layout and pay attention to actual operations, so that readers can master the essence of CSS + Div while learning CSS application technology. This book also details the technical details rarely involved in other books, including extending the comprehensive application of CSS and JavaScript, XML and Ajax, and guiding readers to make webpages that comply with web standards, improve the technical level and competitiveness of readers engaged in website design and development. Finally, a comprehensive example of five common types of complete Web pages is provided, allowing readers to further consolidate the knowledge they have learned and improve their comprehensive application capabilities.
This book is informative, well-structured, and step-by-step. Pay attention to the echo and comparison between each chapter and examples. It can be used as a beginner's CSS textbook and is also suitable for advanced users to learn and reference.

Directory
Part 1 basic CSS knowledge
Chapter 1 Initial CSS experience
1.1 concept of CSS
1.2 use CSS to control the page
1.3 experience CSS
Chapter 4 basic CSS syntax
2.1 CSS Selector
2.2 selector Declaration
2.3 inheritance of CSS
Chapter 2 set Rich Text effects with CSS
3.1 CSS text style
3.2 Text Example 1: simulate a Google logo
3.3 Text Example 2: Create a colorful title on the page
3.4 CSS paragraph text
3.5 section example: Baidu search
Chapter 4 set the image effect with CSS
4.1 image Style
4.2 align the image
4.3 text and text Mixing
4.4 graphic and Text Example: The Eight Immortals Crossing the sea
Chapter 4 Use CSS to set the background of a webpage
5.1 background color
5.2 background image
5.3 Background 1: My Personal Homepage
5.4 Background 2: The old saying "Nian nujiao Chibi huaigu"
Chapter 4 set the style of a table and a form with CSS
6.1 control table
6.2 table Example 1: The color of the row to be separated
6.3 table Example 2: The table that changes color when the mouse passes
6.4 table Example 3: Calendar
6.5 CSS and forms
6.6 integrated Example 1: an Excel table directly entered
6.7 comprehensive Example 2: imitating the questionnaire of Sina netizens
Chapter 4 set page and browser elements with CSS
7.1 rich hyperlink Effects
7.2 mouse Effects
7.3 page scroll bar
Chapter 4 practical menus made with CSS
8.1 project list
8.2 no table menus required
8.3 horizontal and vertical conversion of menus
8.4 menu Example 1: Baidu navigation bar
8.5 menu Example 2: popular tab menu
Chapter 4 Application of CSS Filter
9.1 filter Overview
9.2 channel (alpha)
9.3 fuzzy (blur)
9.4 motion blur)
9.5 chroma)
9.6 shadow)
9.7 flip transform (FLIP)
9.8 halo (glow)
9.9 gray)
9.10 reversed colors (invert)
9.11 mask (mask)
9.12 shadow)
9.13 X-ray)
9.14 embossed texture (emboss and engrave)
9.15 Waves)
Part 2 CSS + Div beautification and Layout
Chapter 2 CSS positioning and Div Layout
10.1 Div and span tags
10.2 Box Model
10.3 positioning of Elements
10.4 locate instance 1: easily sign Images
10.5 positioning Example 2: Text shadow effect
Chapter 4 Analysis of CSS + Div Layout
11.1 CSS typographical Concept
11.2 fixed-width and centered layout
11.3 left-right Layout
Background Color of 11.4 Blocks
11.5 typographical example: E-album
11.6 Analysis of Div layout and traditional table layout
Chapter 4 CSS + Div beautification and layout practices
12.1 Framework Construction
12.2 instance 1: Blue classic
12.3 Example 2: River View
12.4 Example 3: Jiaohe City
12.5 automatically select CSS styles
Part 1 CSS hybrid Application Technology
Chapter 2 comprehensive application of CSS and JavaScript
13.1 JavaScript Overview
13.2 JavaScript syntax Basics
13.3 Example 1: The Excel table highlighted during Input
13.4 Example 2: text from far to near
13.5 Example 3: Special Effect
13.6 Example 4: fade in and out
13.7 Example 5: css ppt slides
13.8 Example 6: Lighting Effect
13.9 Example 7: Stage Lighting
13.10 Example 8: searchlight
13.11 Example 9: Mouse and text follow
Chapter 1 comprehensive use of CSS and XML
14.1 XML Basics
14.2 link the CSS file with XML
14.3 XML text shadow effect
14.4 XML Ancient Poetry
14.5 XML-formatted table
Chapter 2 comprehensive application of CSS and Ajax
15.1 Ajax Overview
15.2 getting started with Ajax
15.3 Ajax instance: allows you to freely drag webpages in the layout area
Part 1 Comprehensive Case Study
Chapter 2 my blog
16.1 Analysis Architecture
16.2 module splitting
16.3 overall adjustment
Chapter 4 small studio website
17.1 Analysis Architecture
17.2 module splitting
17.3 overall adjustment
Chapter 2 Enterprise Website
18.1 Analysis Architecture
18.2 module splitting
18.3 overall adjustment
Chapter 2 online shopping websites
19.1 Analysis Architecture
19.2 module Analysis
19.3 overall adjustment
Chapter 2 travel website
20.1 Analysis Architecture
20.2 module splitting
20.3 overall adjustment