Kan noen hjelpe meg å redigere CSS fil

[tulling03]

Holder på å "prøve" å lære meg CSS men gir snart opp. Kan noen se på denne CSS'en som jeg har fra nettet. Hoder på å prøve å rediger den, slik at jeg bl a kan få hvit tekst som h3 og svart ellers.

 

Men her har de laget h1, h2, h3 ,h4 i en linje og hvis jeg ender den så blir hele siden f*** opp. Bakgrunn og alt endrer seg??

 

Prøver altså bare å "trekke ut" h3 og ha andre verdier på den.

 

Noen ???

 

body {

font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;

color: #000000;

background: url(../i/bdybg.jpg) #5A656B repeat-x;

margin: 0 0 20px 0;

padding: 0px;

text-align: center;

}

 

h1, h2, h3, h4 {

font-weight: normal;

color: #000000;

}

 

ul li {

padding: 0 0 0 17px;

margin: 0 170px 5px 0;

background: url(../i/libul.gif) no-repeat;

line-height: 1.3em;

text-align: justify;

}

 

#wrapper {

text-align: left;

width: 700px;

margin: 0 auto;

padding: 0;

border-right: 1px solid #45494B;

border-bottom: 6px solid #45494B;

border-left: 1px solid #45494B;

}

 

#header {

background: url(../i/logo.jpg);

height: 120px;

width: 700px;

margin: 0px;

padding: 0px;

}

 

#mnhead {

color: #000000;

font-weight: normal;

background: url(../i/hbul.gif) no-repeat left center;

padding: 0px 0px 0px 18px;

margin: 20px 0 0 0;

letter-spacing: 0.3em;

text-indent: 1em;

}

 

#mnhead2 {

color: #000000;

font-weight: normal;

padding: 0;

margin: 0;

text-indent: 1em;

border-bottom: 1px solid #CFEC78;

}

 

#nav {

width: 700px;

height: 38px;

margin: 0;

padding: 0;

border-bottom: 4px solid #45494B;

background: url(../i/navbg.jpg) repeat-x;

}

 

#nav ul {

margin: 0 0 0 40px;

padding: 0;

}

 

#nav li {

margin: 0;

padding: 0;

display: inline;

list-style-type: none;

}

 

#nav a:link, #nav a:visited {

float: left;

padding-top: 12px;

padding-bottom: 12px;

margin: 0 12px 0 7px;

font-size: 10px;

font-weight: bold;

text-decoration: none;

color: #FFFFFF;

}

 

#nav a.selected:link, #nav a.selected:visited, #nav a:hover {

border-top: 4px solid #9DAE6E;

border-bottom: 4px solid #45494B;

padding-top: 8px;

padding-bottom: 8px;

color: #333333;

}

 

#nav a:hover {

color: #000000;

}

 

#contentwrap {

background: url(../i/boxbg.gif) #99A1A5;

margin: 20px;

}

 

#contentop div {

background: url(../i/tl.gif) no-repeat top left;

}

 

#contentop {

background: url(../i/tr.gif) no-repeat top right;

}

 

#contentbot div {

background: url(../i/bl.gif) no-repeat bottom left;

}

 

#contentbot {

background: url(../i/br.gif) no-repeat bottom right;

}

 

#contentop div, #contentop, #contentbot div, #contentbot {

height: 20px;

font-size: 1px;

}

 

#content {

margin: 0 20px;

}

 

#weebox {

background: url(../i/weetop.gif) #E4E9D5 no-repeat left top;

padding: 8px 0 0 0;

margin: 20px 20px 20px 0;

width: 350px;

float: left;

}

 

#weebox h3 {

display: none;

}

 

#weebox p {

background: url(../i/weebottom.gif) no-repeat right bottom;

font-size: 11px;

line-height: 15px;

margin: 15px 0 0 0;

padding: 10px 10px 20px 10px;

}

 

#weebox img {

margin: 16px 0 0 0;

padding: 20px 10px 0 10px;

}

[Loomy]

Hvis du bare legger inn..

h3 {
color:whatever;
...
}

..nedenfor andre definisjoner av h3's egenskaper vil den overstyre de som ligger lenger oppe.

[Equerm]

Når du først skal lære deg CSS så vil jeg anbefale deg å lese litt på disse sidene:

 

www.w3schools.com/css

www.htmldog.com

 

Css-Layout

 

http://www.glish.com/css/

- Inneholder templates/eksempler på ulike layouter.

 

http://www.hotdesign.com/seybold/index.html

- En slags innføring i hvorfor tabeller ikke skal brukes til layout, og css skal.

 

Css-eksempler

 

http://tom.me.uk/html-to-css/

- Inneholder eksempler på hvordan du kan erstatte gammeldagse html-løsninger med css.

 

http://www.meyerweb.com/eric/css/edge/popups/demo2.html

- Artikkel om hvordan du kan dra musa over en link, og få en tekst/et bilde til å dukke opp et annet sted på siden ved a:hover.

 

http://www.quirksmode.org/css/100percheight.html

- Eksempel på hvordan du kan få siden til å bli 100% høy.

 

http://www.alistapart.com/articles/taminglists/

- En artikkel om hvordan du kan lage stilfulle menyer ved hjelp av css.

 

http://www.alistapart.com/articles/goingtoprint/

- Utskrift ved hjelp av css.

 

http://www.alistapart.com/articles/alternate/

- Hvordan jobbe med flere ulike stilsett.

 

http://www.csszengarden.com/

- Bli inspirert av ulike design "utsmykket" med css.