00:06This video will cover CSS programming for HTML5. Basic concepts were defined in a...
00:14Based on the previous HTML video, the CSS programming will be developed, but what CSS, CSS or
00:23Embedded style sheets in Spanish, it's not really a programming language, nor is it a markup language.
00:30It is a style sheet language, meaning it allows you to selectively apply styles to elements in documents.
00:36HTML, which allows us to change the design, colors, and appearance of a web page.
00:43To do this, we first need to add some code to the HTML file, in G, that is, linkrel, likewise, style.css, then
00:54We created a file named style.css.
01:00And to begin developing the programming, we initially open curly braces with an asterisk, within which we start with Margin 0, Padding
01:080, Box and Sign, Border Box, this so that when starting or loading the web page, it is initially
01:15at 0, as much as, Margin.
01:17Padding sets the padding area on all four sides of an element, and Box and Sign set how it is
01:23calculates the total width and height of an element.
01:29Now, as mentioned at the beginning of the video, CSS is a cascading style language; that is, it goes
01:36From largest to smallest, we begin in Section, From Login, we type .fromlogin, we open curly braces inside which we start with, width,
01:44400 pixels wide.
01:52Height, height, 380 pixels.
02:05Background, colored background, hashtag FFF, this is white.
02:14Margin, auto margin.
02:30Top margin, 180 pixels.
02:40Boxed, shadow of a box, of measures.
02:447 x 13 x 37 pixels, black, hashtag 000.
03:02Padding, 20 x 30 pixels.
03:11Border top, 4 pixel top border, solid type, hashtag color 017BAB, color, black.
03:28Maintaining foreign energy.isses
03:29.com Moreno
03:29017 Below пол, 13 x 30 pixels. Margin,
03:29arc . . . . . . . . . . . . . . . . . . .
03:33. . . . . . . .and. . . . . . . . . . . . .
03:35. . . . . . . . . . . . . . . . . . . .
03:48Now we go to the title tag, H4, where we open curly braces, type, Margin, Margin 0,
04:05Textalign, Text alignment, Center, Centered
04:17Height, 40 pixels; Margin Bottom, 30 pixels;
04:29Border Bottom, solid pixel borders,
04:50Fonzi C, font size 20 pixels,
05:00Now, in Claskem Trolls, the styles are as follows: we open keys, we type,
05:10Width, 100%
05:22Border, 1-pixel border,
05:39Solid color, hashtag 017BAB,
05:48Margin Bottom, Button Margin, 15 pixels,
06:00Padding, 11 pixels, 10 pixels
06:18Background, FFF colored background, white,
06:31Fonzi C, font size 14 pixels,
06:45With Font Weight, bold font type, bold,
06:52Now, in Clasbuttons, for button label, we open keys, type,
06:59Width, 100% width,
07:13Height, 40 pixels high,
07:24Background, background color of hashtag 017BAB, changes are being observed,
07:35Border, it has no border, none,
07:47White color type FFF,
07:52Margin Bottom, the 16-pixel margin button,
07:59To add style to question-type text, I already have an account, we do it by typing,
08:10Fonts and C, font size 14 pixels, we can vary the different types of sizes here,
08:27We also take the P label as a reference,
08:44To add an image, we first download it and add it to a folder called "image".
08:50This is within the test working folder, let's go to body,
08:53In addition to this, we also changed the font from Times New Roman to Arial.
09:00And we type FontFamily, Arial,
09:05To add an image, we type background image, plus URL, folder, and filename, matrix1.jpg.
09:24Within Visual Studio, it appears that the programming is correct; everything is fine.
09:28If you find it useful, don't forget to subscribe.
Comentarios