00:03This video will cover basic CSS programming as practice.
00:08It is extremely important to have a clear idea when programming in CSS and it helps us
00:13to define borders, text colors, background color, work area, highlight the text to be defined
00:22Here we have a simple program in which we can change the width and the
00:27For the height of the text color or background color, we will define what the box model is.
00:35CSS programming is considered a box; the box model is divided into layers, so we have
00:41The first layer is the content or song; the second layer is the padding that separates the layer
00:50of the content and the border, the third layer is the border that defines an edge of the element's outline.
01:09And finally, we have the margin layer, which separates the element from other elements.
01:15We have an example for this: we go to Visual Studio and open a folder called css 1 and add
01:24A file called css dot html. We go to the workspace, type html, and search for html 5.
01:32By default we have the established schedule; we go to title and change the name to document
01:37In the CSS body, we create a `dik`, and inside the `dik` we create a class equal to `square` and close the `dik`.
01:53Now to add the CSS file, we go to and write link rel equal to style 7 equal to the name
02:00of the
02:00CSS file named CSS style
02:13In the file, we open braces and remove margin or margin 0, padding 0, box size or box and
02:19starting it from scratch
02:33Now we type dot square; this is the name that was defined in the class or HTML class; we open curly braces and
02:40We set the height to 350 pixels, followed by the width to 350 pixels for a square.
02:47next background color or lead background color
02:57In the border section, we have a border line size of 18 pixels and set it to solid black.
03:03We see that we can vary it, so we set the border line width to 5 pixels.
03:29To add text inside the square, we do it in HTML; we write the h1 tag inside it.
03:35We wrote practice in CSS
03:58And finally, we align the text with the centered text line.
04:15That's all. If you found the video helpful, don't forget to subscribe.
Comentarios