Eishta Mittal
CSS Lesson 1
I'm Experimenting with her teaching examples with her classes CSS - 1, 2 and 3. I set class names in the Page HTML Class Name for each Stack, then add code in the Stack CSS Code Area.
1a-Color
This first exercize is to set text in a paragraph tag to color and center the text
1b-ID Selector
This 2nd exercize is to set text in a paragraph tag to color purple and center the text using an ID selector
This para is not affected by the ID Selector
1c-Universal *
This 3rd exercize is to set all text color orange and center all text using a universal selector, "*"
This para is affected by the universal Selector
1d-Group
This 3rd exercize is to set a grouping selector for h4 and h6 to blue.
This is h4, Blue
This is h5 (should be Black).
This is h 6, Blue
This para is unaffected by the grouping Selector
1e-External Code
{head}
{style}
h1 {
color: maroon;
margin-left: 40px;
}
{/style}
1f-Inline Styles
How to code an *inline style. No classes needed, it's all in HTMLThis is a blue, centered, heading
1g - Backgrounds
This is a green background color with opacity of .3 between div tags and twotags
1h-Borders
Borders 2 px top/bottom, 5 px rt & Left Sides, Style=solid, with colors
This is where the dotted borders should go
With another line of text
With another line of text
1-I The Box Model
