CTEC 122: Module 5 Overview смотреть онлайн

Be sure to subscribe to my channel at https://youtube.com/bruceelgort and like this video!

Table of Contents:

00:21 - Objectives
01:20 - The CSS box model
12:47 - The formula for calculating the height of a box
12:58 - The HTML for a page that uses the box model
14:16 - The CSS for the page that uses the box model
14:20 - The HTML for a page that uses the box model
14:21 - The formula for calculating the height of a box
14:22 - The HTML for a page that uses the box model
14:22 - The CSS for the page that uses the box model
15:41 - The web page in a browser
16:03 - How to set the width of the content area
16:30 - The web page in a browser
16:30 - How to set the width of the content area
16:31 - How to set the margin on a single side
16:32 - How to set the width of the content area
21:49 - How to set the margin on a single side
22:00 - How to set the padding on a single side of an element
22:02 - A web page with widths, margins, and padding
22:02 - How to set the padding on a single side of an element
22:03 - How to set the margin on a single side
22:53 - How to set the padding on a single side of an element
23:02 - A web page with widths, margins, and padding
23:04 - The box model styles for the web page
24:45 - The box model styles (continued)
24:46 - A version of the page that uses a reset selector
24:47 - The changed box model styles for the page
24:54 - Properties for setting borders
26:20 - How to set border properties
26:25 - How to set the widths of borders
26:30 - The syntax for the border-radius and box-shadow properties
29:29 - The HTML for a section
31:01 - The syntax for the border-radius and box-shadow properties
31:22 - The HTML for a section
31:25 - The section in a browser
31:28 - The properties for setting the background color and image
31:29 - The section in a browser
31:49 - The properties for setting the background color and image
33:08 - The section in a browser
33:09 - The properties for setting the background color and image
38:42 - How to use the shorthand property
39:01 - How to control image repetition, position, and scrolling
39:11 - The syntax for using a linear gradient in the background-image property
41:13 - The HTML for two divisions
41:17 - The linear gradients in a browser
41:18 - A background-image property that creates red, white, and blue stripes
41:31 - The linear gradients in a browser
41:37 - A background-image property that creates red, white, and blue stripes
41:39 - A web page with borders and a gradient
41:41 - A background-image property that creates red, white, and blue stripes
41:42 - The linear gradients in a browser
41:52 - A background-image property that creates red, white, and blue stripes
41:54 - A web page with borders and a gradient
41:54 - The CSS for the borders and gradient
41:57 - The CSS (continued)
41:59 - Short 5-1 Apply CSS to an HTML page
42:13 - The CSS (continued)
42:14 - Short 5-1 Apply CSS to an HTML page