Willkommen😀

Arbeitstagebuch

CSS Formate

CSS im HTML-Head

style
  /* .klassenname1.klassenname2 klassen verschachteln: ohne Leerzeichen notieren. */
    .beispiel {
    /* Innenabstand */
    padding: ;
    padding-top: 0px solid black;
    padding-bottom: ;
    padding-right: ;
    padding-left: ;

    /* Aussenabstand */
    margin: ;
    margin-top: 0px solid black;
    margin-bottom: ;
    margin-right: ;
    margin-left: ;

    border: ;
    border-top: 0px solid black;
    border-bottom: ;
    border-right: ;
    border-left: ;

    background-color: ;
    background-image: ;
    background-position: left 0px;
    background-repeat: repeat-x;
    /* x- nach links, y- nach unten wiederholen */

    font-size: ;
    font-weight: ;
    font-family: Arial, Helvetica, sans-serif;
    font-style: ;
    color: rgb(240, 88, 88);

    text-decoration: none;
    list-style-type: square;
    display: block;
  }
  a {
    color: black;
    text-decoration: none;
  }
  a:hover {
    color: silver;
  }
  a:visited {
    color: none;
  }

  p a:hover {}

  .navigation li {}

  .kopf {}

  .fuss {}

  /* ID anstelle Klasse*/
  #IDforCSS {
    background-color: beige;
  }
/style

border

p.solid {border-style: solid;}

margin (aussenabstand)

padding (innenabstand)

float

float:left;

Positionierung eines Elements

display

display: block;

HTML Tags

p

<p class="bsp"</p>
  

span

<span class="bsp"</span>
  

div

<div class="bsp"</div>
  

section

<section class="bsp"</section>
  

Alle gleichzeitig mit der Class ansprechen:

.bsp {background-color: red;

em

1em - 16px

a (link)

image

Kontakt