حالت شب

CSS Essential Training (2019)

Styling documents consistently
00:59
What you should know
00:23
Tools and sample projects
01:16

HTML and CSS
01:18
Browser developer tools
03:11
Referencing CSS
04:29
Project overview and setup
04:13
Optimizing images and retina displays
02:43
Project: Relative paths
04:35
Absolute paths
02:25

CSS specifications and the W3C
03:21
CSS syntax and terminology
03:06
CSS values and units
03:00
The color and property values
04:12
Type and universal selectors
03:20
Class and ID selectors
03:05
Class and ID selector exercise
03:28
Descendant selectors
03:48
Grouping selectors
01:38
Inheritance and specificity
04:33
The cascade and importance
01:43
Project: Adding colors
06:18
Pseudo-class selectors and links
05:04
Project: Styling links
08:05

Introduction to the box model
01:07
Inline, block, and display
03:06
The box model properties
02:06
The box properties syntax and usage
03:17
Debugging the box model
03:28
Padding, margin, and border
05:34
Margin and layouts
03:03
Project: Adding content wrappers
05:08
Project: Margin and padding
06:20

Typography for the web
02:59
Changing the font-family
02:28
Font-weight and font-style
03:06
Web fonts with @font-face
02:58
Web fonts with Google Fonts
02:08
Project: Google Fonts
04:03
The font-size property
04:24
Font shorthand
01:50
Text-decoration, text-align, and line-height
03:57
Project: Typography styles
04:07

Introduction to float
01:02
The float and clear properties
02:59
Float and collapsed container
05:04
Layouts and the box model
06:00
Project: Float and box model fix
05:49
Position
05:24
Position and z-index
03:26

Introduction to Grid and Flexbox
01:36
Introduction to Flexbox
02:33
Flexbox: Orientation and ordering
02:08
Flexible sizing
02:33
Flexbox exercise
02:22
Flexbox: Alignment
02:13
Project: Flexbox alignment
04:56
Introduction to CSS Grid
02:21
The explicit grid
05:00
The implicit grid
03:28
Grid placement properties
03:09
Project: Grid columns and Firefox Grid Inspector
07:28

Introduction to advanced selectors
00:47
Relational selectors: Combinators
02:10
Project: Updates with combinators
05:15
Pseudo-class selectors: First and last
01:50
Project: Advanced selectors
03:25

Introduction to responsive design
02:08
Project: Creating fluid layouts
03:33
Flexible background images
04:49
Project: Flexible background image
04:57
Introduction to media queries
03:58
Media queries, widths, and breakpoints
03:26
Testing responsive layouts
03:20
Project: Media queries and responsive layout
13:57

Next steps
00:39

00:00

00:00

Hello, world! This is a toast message.

درصورتیکه بیش از 70% یک محتوا را مشاهده نمایید، به صورت تمام شده در نظر گرفته می شود.