Keskustelu: Nettisivujen teko: Kolme kirjainta: CSS

Äskettäin sain päähäni ajatuksen että asiat noiden kolmen kirjaimen takana voisivat olla minulle hyödyllisiä. Eli siis, antakaa minulle pikakurssi CSS:n käytössä. Siis perusasiat siitä ja joitain hyviksi havaittuja tapoja käyttää sitä. Tiedän että haulla voisi löytyä asioita, mutta mieluummin kysyn asioita viisaammiltani..

-Grey-

Kai tässä sitten on pakko mainostaa omia sivujaan täysillä kun joku kerran on asiasta kiinnostunut:
http://koti.mbnet.fi/winuus/

Noh, kai tuolta jotain löytyy täysin tietämättömille...
Sano jos et tajua noiden sivujen sisällöstä hölkäsen pöläystä niin voin ehkä parantaa niitä johonkin suuntaan :)

Laitetaan vielä tähän loppuun pieni ja ytimekäs esimerkki CSS:n käytöstä:

<span style="font:12px verdana">tekstii</span>

Tutkin hetken aikaa noita sivuja ja enkä saanut paljoakaan aikaan. Mitä nyt punaiset reunukset selaimessa. Kuitenkin, noiden sivujen jälkeen kiinnostuin entistä enemmän CSS-tiedostojen luomisesta ja niiden käyttämisestä. Onnistuin nimittäin tajuamaan miten sellainen liitetään mukaan HTML:n, jotenka siinä on pohja josta lähteä. Kun vain löytyisi vielä enemmän ja vielä tarkempaa tietoa asiasta.. suomeksi..

-Grey-

Suomeksi seuraava ei ole mutta esimerkit on helppo käydä läpi next next tekniikalla
http://www.w3schools.com/

Itse asiassa järkevin tapa käyttää CSS:ää on luokittaa se ja kirjoittaa yhdeksi tiedostoksi, joka lisätään sivun lähdekoodiin.

Viittaukset taas CSS-luokkiin saat: <TAG Class="MyClass"></TAG>

Kokeileppa Macromedian Dreamweaveriä - se osaa luoda sinulle suoraan noita CSS-tiedostoja.

http://koti.mbnet.fi/petepe

Siinä rautaisannos php:tä.

Ei kyl PHP:tä oo... :D

http://www.w3schools.com
http://www.w3c.org

Noissa on _KAIKKI_ html:stä, xhtml:stä, css:stä etc.

lainaus:

Ei kyl PHP:tä oo... :D

No PHP tai CSS, sama asia:DDD

Voisikos joku kertoa miten saan Drop-Down (select) elementin värit muutettua CSS:llä? En löytänyt yhen yhtään ohjetta vaikka kuinka etsin. Siis sellaista minkä voisi kirjoittaa tiedostoon teema.css.

sen elementin nimi on option, olet varmaan yrittänyt selectiä.

option {
background-color: #cc44ff;
color: #009900;
font-weight: bold;
font-size: 6em;
}

Tuolla saisi oikein kivat värit ja varmasti sokeakin näkisi mitä vaihtoehdossa lukee :)

Scrollbar-värityksen luulisi tepsivän, mutta sekään ei toimi. Jos joku keksii keinon niin kertokoon sen minullekin.

lainaus:

No PHP tai CSS, sama asia:DDD

Eipä kyllä ole ollenkaan sama asia ;)

IE only

body {
scrollbar-face-color: aqua;
scrollbar-highlight-color: aqua;
scrollbar-shadow-color: aqua;
scrollbar-3dlight-color: aqua;
scrollbar-arrow-color: aqua;
scrollbar-track-color: aqua;
scrollbar-darkshadow-color: aqua;
}

lainaus:

sen elementin nimi on option, olet varmaan yrittänyt selectiä.

option {
background-color: #cc44ff;
color: #009900;
font-weight: bold;
font-size: 6em;
}

Tuolla saisi oikein kivat värit ja varmasti sokeakin näkisi mitä vaihtoehdossa lukee :)

nyt ainakin tekstin väri muutui vihreäksi =), muuta ei tapahtunut =( vaikka kuinka muuttelin värejä.

Selectin vierityspalkkien värejä ei voi muuttaa. Fontin koon/tyylin voi muuttaa select-tagista.