CSS3-a powerful tool to instantly improve the quality of web pages-Free online video tutorial-php.cn

Community

Learn

Tools Library

AI Tools

Leisure

English

CSS3-a powerful tool to instantly improve the quality of web pages

If HTML is the skeleton of a web page, then CSS is the skin and coat of the web page; using CSS technology, you can update the styles of elements as you like and create a beautiful web page layout. CSS is so powerful that it is everywhere on the Internet. , learn web development, CSS must be known

Elementary

css

css3

150365 person learning

56class hour

14 hours 11 minutes 00 secondsTotal course duration

2023-03-20update

天蓬老师

Gold lecturer

A total of 13 courses Student12479 Lecturer rating5.2

欢迎选择我的课程，让我们一起见证您的进步~~More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

1. Media Inquiry 2. Selector 3. Font icon 4.Background control 5. Box/frame model 6. Positioning and floating 7. Classic layout case 8. Flex elastic layout and practice 9. Grid layout and practice

CSS3-a powerful tool to instantly improve the quality of web pages

Chapter1 css basic syntax and media queries
expand retract

Section1 CSS first experience and element box
duration： 10 minutes 02 seconds

Section2 Element type and arrangement
duration： 21 minutes 59 seconds

Section3 Detailed explanation of css element display attribute
duration： 13 minutes 30 seconds

Section4 Four ways to apply css to elements
duration： 19 minutes 30 seconds

Section5 Other content in the css document
duration： 17 minutes 19 seconds

Section6 Principles and implementation of media queries
duration： 17 minutes 22 seconds
Chapter2 Types and application scenarios of css selectors
expand retract

Section1 First experience of the role of css selector
duration： 09 minutes 11 seconds

Section2 Types and application scenarios of css simple selectors
duration： 18 minutes 08 seconds

Section3 Types and application scenarios of css context selectors
duration： 24 minutes 33 seconds

Section4 Types and application scenarios of non-group matching of css pseudo-class selectors (1)
duration： 17 minutes 20 seconds

Section5 CSS pseudo-class selector non-group matching application scenario (2)
duration： 16 minutes 32 seconds

Section6 Application scenarios of group matching of css pseudo-class selectors
duration： 15 minutes 41 seconds
Chapter3 Font controls and font icons
expand retract

Section1 css precise control of page text
duration： 22 minutes 35 seconds

Section2 How to correctly introduce Ali font icons into the project (1)
duration： 18 minutes 43 seconds

Section3 How to correctly introduce Ali font icons into the project (2)
duration： 12 minutes 16 seconds

Section4 CSS precise control of font size and style (1)
duration： 15 minutes 15 seconds

Section5 CSS precise control of font size and style (2)
duration： 17 minutes 44 seconds

Section6 CSS precise control of font size and style (3)
duration： 19 minutes 09 seconds

Section7 Text line height and alignment
duration： 15 minutes 08 seconds
Chapter4 Detailed description of css box model
expand retract

Section1 The composition and common properties of the box model
duration： 16 minutes 30 seconds

Section2 Box model layout and containing blocks
duration： 19 minutes 17 seconds

Section3 Box model formatted horizontally
duration： 13 minutes 19 seconds

Section4 Box model margin vertical height collapse problem
duration： 04 minutes 45 seconds

Section5 Element background control in box model
duration： 06 minutes 39 seconds

Section6 The effect of element floating and clearing floating
duration： 12 minutes 25 seconds

Section7 Element positioning methods and application scenarios in the box model
duration： 18 minutes 10 seconds
Chapter5 Flex layout principles and applications
expand retract

Section1 The principle and implementation of flex layout
duration： 14 minutes 13 seconds

Section2 Flex container settings and features
duration： 15 minutes 09 seconds

Section3 The main axis direction of the flex container
duration： 07 minutes 26 seconds

Section4 How flex items wrap on the main axis of the container
duration： 11 minutes 52 seconds

Section5 flex items are sorted on the main axis of the container
duration： 07 minutes 33 seconds

Section6 The alignment of flex items on the cross axis
duration： 05 minutes 23 seconds

Section7 The magnification factor of the flex item on the main axis of the container
duration： 11 minutes 37 seconds

Section8 Arrangement and alignment of flex items on the main axis of the container
duration： 24 minutes 55 seconds

Section9 The shrinkage factor of the flex item on the main axis
duration： 12 minutes 03 seconds

Section10 flex item calculation width and item abbreviation property flex
duration： 16 minutes 05 seconds
Chapter6 Flex layout classic practical cases
expand retract

Section1 Flex layout example-irregular rectangular layout
duration： 14 minutes 21 seconds

Section2 Application scenarios of flex instance-order attribute
duration： 07 minutes 52 seconds

Section3 Flex layout example/PC-side universal layout solution (1)
duration： 16 minutes 38 seconds

Section4 Flex layout example/PC-side universal layout solution (2)
duration： 18 minutes 25 seconds

Section5 Flex layout example/mobile terminal (mall) layout plan (1)
duration： 16 minutes 07 seconds

Section6 Flex layout example/mobile terminal (mall) layout plan (2)
duration： 15 minutes 10 seconds

Section7 Flex layout example/mobile terminal (mall) layout plan (3)
duration： 19 minutes 41 seconds

Section8 Flex layout example/mobile terminal (mall) layout plan (4)
duration： 17 minutes 42 seconds
Chapter7 Grid layout principles and common attributes
expand retract

Section1 Grid layout ideas and basic terms
duration： 13 minutes 55 seconds

Section2 Creation of grid container and generation of grid project
duration： 11 minutes 02 seconds

Section3 Set the number and size of grid items
duration： 16 minutes 34 seconds

Section4 Grid cell division and item placement
duration： 21 minutes 08 seconds

Section5 grid named grid lines and named areas
duration： 22 minutes 35 seconds

Section6 Grid named grid area practical three-column quick layout
duration： 18 minutes 35 seconds

Section7 Set the alignment of cells in the Grid container
duration： 14 minutes 33 seconds

Section8 Set the alignment of an item in a cell
duration： 06 minutes 33 seconds
Chapter8 Grid layout practical classic case
expand retract

Section1 Grid practice-quickly implement 12-column grid layout component (1)
duration： 14 minutes 10 seconds

Section2 Grid practice/-quickly implement 12-column grid layout component (2)
duration： 11 minutes 19 seconds

Section3 Grid practice/quickly implement three-column layout on PC
duration： 13 minutes 30 seconds

Section4 Grid practice/responsive online photo album
duration： 21 minutes 52 seconds

Data Name operate
[must see]CSS3-a powerful tool to instantly improve the quality of web pages Download

天蓬老师 Lecturer Other Courses

ElementaryFront-end development experience sharing

10689
Collection
ElementaryBasic knowledge of HTML+css

43979
Collection
ElementaryOnline training class trial class

57022
Collection
ElementaryNew Dugu Jiujian: CSS3 must-know content

30489
Collection
IntermediateThinkPHP6.0 live class

12654
Collection
IntermediateThe latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)

1433165
Collection
ElementaryMac PHP development tools and environment construction

17762
Collection
ElementaryBreaking the pot, the PHP king returns!

18478
Collection
ElementaryNovice savior: quick preview of PHP7 basic syntax

109763
Collection
ElementaryLogin verification and classic message board

35263
Collection
ElementarySharing of programming learning methods

23984
Collection
IntermediatePHP full stack development experience sharing live class

102185
Collection

Start Learning

This course includes：

14 hours 11 minutes 00 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>