TsurMayer-CSS-ajk*$0#
1,28,28,txt,eng,20211007,20211009,3,Gilad E. Tsur Mayer: CSS
ama,https://www.amazon.com/CSS-Awesomeness-Gilad-Tsur-Mayer-ebook/dp/B01KDU2LEO/ref=sr_1_30?
eng,https://www.amazon.com/review/R1IBIFI8UUCDDW/ref=pe_1098610_137716200_cm_rv_eml_rv0_rv
Contents
6,h,
Zebra Website
My Zebra has no legs..
But it has
..
7,h,We will make a new file with a “.css” extension, then link it to every webpage in which we want our CSS to take place:
9,w,curly brackets;
13,h,
15,2,CSS width and height
15,h,I’ll create a div:
15,h,.top-nav { width: 100%; height: 90px;} Save it, refresh it, and voila… nothing shows.. What gives?!
16,h,In your css file, add to your top-nav class this line: background-color: green;
If you want to be more particular, you can, instead, go with a hexadecimal color like this: background-color: #F296D7;
16,2,Backgrounds
To make our green div pop, we will need to color it (with the color green, I guess..) In your css file, add to your top-nav class this line: background-color: green; If you want to be more particular, you can, instead, go with a hexadecimal color like this: background-color: #F296D7;
17,2,CSS box model (and a bonus! Al… right!)
CSS box model (and a bonus! Al… right!)
I’ve got a feeling we are not in Kansas Anymore
#toto{ background-color: yellow; border: 3px solid green; padding: 20px; } And also the margin, which lies on the outer side of the border. #toto{
background-color: yellow; border: 3px solid green; margin: 20px; padding: 20px; }
20,2,CSS float (and other stuff..)
20,h,Let’s try this one:
21,h,