Standardværdier på de forskellige CSS elementer...

font-color: sort - #000000
background-color: hvid - #FFFFFF

Skal jeg nævne alle css elementer ???

Findes der ikke en side hvor det står så?
Altså f.eks. til alle de forskellige funktioner, som body, td, input, select, a.link osv.?

Og kan det virkelig passe at man skal skrive font-family og det hele, ved både body, td, a.link, a.hover osv.?...

et god ste at lede efter dem er på http://www.w3schools.com/css/default.asp
via menuen tilhøjre kan du rimeligt nemt finde de stylenavne og mulige værdier du ønsker.

mvh JakobA

Neg du behøver ikke at skrive alting allevegne. og du kan forresten også skrive mange samtidig:

body, div, td {
    fint-family : verdana;
}

vil få skrift allevegne til at blive vist i verdane ( ingen garanti, aldrig helt sikker :( )

En frigtig god beskrivelse af CSS har jeg aldrig fundet, brug også tid på at prøve dig frem.

Det vil vel sige at jeg ikke behøver at skrive color: black; ind i body og td, da det jo er det som standard, men at jeg skal skrive det i a.xxx, da de enten bruger blå, lilla eller en anden farve?

Og hvad med border-style, hvad er standarden på den, i input´s og textarea´s?

Og hvad med border-color?

Og border-width?

Og så har jeg lavet min egen "indstilling" til nogle bestemte links, hvor den ikke sætter understregningen under, men hvis jeg ikke sætter text-decoration: underline; på i a.hover, så kommer der ikke streg under, ved hoveren... Hvordan kan det være?

diverse style  arver  indstillinger fra hinanden

hvis du fx laver en  div  style med  verdana  vil <p> og <span> og mange andre arve den indstilling.

på en lignende (men ikke helt samme) måde vil mange af de enkelte style navne arve fra hinanden

.sortrand {
    border: 1 px solid black;
}

er det samme som:

.sortrand2 {
    border-width: 1 px;
    border-style: solid;
    border-color: black;
}

og det er igen det samme som:

.sortrand2 {
    border-top-width: 1 px;
    border-right-width: 1 px;
    border-bottom-width: 1 px;
    border-left-width: 1 px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: black;
    border-right-color: black;
    border-bottom-color: black;
    border-left-color: black;
}

På samme måde tillader mange af de andre properties at du sætter dem på een gang.

i dit linkeksempel kan du evt lave en fællestyle for bare <A kommandoen

a {
    /*  de style atributter der skal være en i alle links */
    color; blanc;
    backbround-color: whilte;
    text-decoration: none;
}  /* det bliver nu nedarvet til alle links */

a:hover {
    /* det du skriver her kommer så istedet for det nedarvede: */
    text-decoration: underline overline;
}

a:active {
    backbround-color: #CCFFFF;  /* luseblå ved aktiv */
}

det kan du spare en masse skriveri ved.

men først og sidst. prøv dig frem og se hvad der duer. indtil vider er CSS lidt i familie med gætteri.

mvh JakobA

Standardværdierne bliver sat af browseren (og oftere og oftere - brugeren)

jacoba -> Det var noget af et indlæg!
Men jeg forstod ikke helt meningen med hvorfor du skrev dette:

.sortrand {
    border: 1 px solid black;
}

er det samme som:

.sortrand2 {
    border-width: 1 px;
    border-style: solid;
    border-color: black;
}

og det er igen det samme som:

.sortrand2 {
    border-top-width: 1 px;
    border-right-width: 1 px;
    border-bottom-width: 1 px;
    border-left-width: 1 px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: black;
    border-right-color: black;
    border-bottom-color: black;
    border-left-color: black;
}

Men er det overhovedet sikkert at lave sådan én "a { }"? Vil den virke i alle browsere?

Alle browsere der forstår css vil forstå
a {
  /* diverse styles */
}

meningen med sortrand eksemplet var at illustrere at det samme kan siges på mange måder. det er præcis samme style der bliver defineret alle 3 steder.

jacoba -> Okay, jeg vil lige prøve at kigge på det, så kan det være at jeg skriver omlidt igen. :)

Altså nu har jeg denne her:

body {
margin: 0px;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
}

td {
font-size: 11px;
}

a:link {
color: black;
}

a:visited {
color: black;
}

a:hover {
color: darkblue;
text-decoration: underline;
}

a:active {
color: black;
}

textarea {
background-color: transparent;
border-width: 1px;
border-style: solid;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
}

input {
background-color: transparent;
border-width: 1px;
border-color: black;
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
}

select {
font-family: Tahoma, Verdana, Sans-Serif;
font-size: 11px;
}

.speciel a {
color: black;
text-decoration: none;
}

Men hvis jeg ikke laver den dér td {}, så bliver alt som ligger i tabeller så skide stort, hvorfor?

Og hvorfor "arver" textarea, input og select ikke font-family og font-size fra body?

Og hvad "arver" de forskellige styles fra hinanden?

Og hvordan kunne det være at jeg SKAL skrive text-decoration: underline; i a.hover, hvis jeg vil have den til at understrege links, som allerede bruger .speciel a {} ?

PS: Jeg skal nok give flere points, da jeg kan se at dette bliver et størrere spørgsmål, end jeg havde regnet med...

Har ikke vildt meget forstand på CSS men du kan svare på nogen af dem...

1. Men hvis jeg ikke laver den dér td {}, så bliver alt som ligger i tabeller så skide stort, hvorfor?
1. Svar: Fordi at du sætter alle TD's til at have en skift størrelse på 11 pixel ellers bliver det bare standard (har ikke set HVOR stort men dette er mit bedste svar)


2. Og hvorfor "arver" textarea, input og select ikke font-family og font-size fra body?
2. Svar: Tjaaa... ved jeg sq ikke men er det ikke ligemeget du har jo en style (eller hvad de hedder) der fortæller indstillingerne for textarea's osv.

4.Og hvordan kunne det være at jeg SKAL skrive text-decoration: underline; i a.hover, hvis jeg vil have den til at understrege links, som allerede bruger .speciel a {} ?
4. Svar: Tror at hvis du vil benytte .speciel a skal du lave evt. sådan her:
<a href="http://www.side.dk" class="speciel a">Hey side.dk</a>


//Rasmus Larsen

rasmus_larsen ->

1: Forstår ikke hvad du skriver, men jeg har ikke specificeret nogen font størrelse i selve TD´erne...

2: Ja, det har jeg jo, men det fylder jo og gør siden tung at hente.

3: Jeg skriver det i TD´en, sådan her: class="speciel"

har = kan

Nå, men jeg giver så bare jacoba de 10 point...
Synes ikke helt jeg fik svar på mine spørgsmål, men nu har jeg uploadet det jeg lavede på www.startlinket.dk og http://bytte.startlinket.dk