04/29/2020 - "Inspect" Exploration

CODE that we learned;

www.tarotgoddess.com

.content-left {
padding: 1px 30px 1px 0px;

• this correlates with the paragraph section in the left-hand side.

• 389x342.8000 are the dimensions of the div.
• padding is space between image or cell cotnents and it's outside border*

30 px is the padding that has been applied to this paragraph div, providing space between the ad and the paragraph

* .content-left {

    padding: 1px 30px 1px 0px;

.homecontent {

    float: left;
    max-width: 389px;
    margin: 0px auto 0px auto;
}

body, div, table {

    color: #000000;

    font-family: Georgia, "Times New Roman", Times, serif;

    font-size: 15px;

    font-weight: normal;

    line-height: 150%;

    text-align: left;

}

Applying borders to images

• img

{

border: solid #0c0

}

Linking to CSS

• IN HTML
• <link href rel="stylesheet" type="text/css"/>
• IN CSS
• body {background:# 093;}

Panels - Collapses

• collapses and expands panels

• As you can see, double-clicking on panels undocks them and click+drag panels can rearrange the order they're in