HTML, PHP, CSS, JavaScript (svetainių kūrimas)

O pagaliau css bus

24 pamoka - Pradedam mokytis CSS

Cascading Style Sheets (Sutr. CSS) išvertus į lietuvių kalbą reikštų Pakopiniai Stiliai.

Linksmas.net forumas su pakopiniai stiliais:

Ir be jų:

Skirtumą tikriausiai pastebėjote


Norint įterpti CSS kodą į HTML reikia į HEAD gairę įterpti tokį kodą:

Kodas: Pasirinkti visus

<style type="text/css">
KODAS
</style>

O norint įterpti CSS failą į HTML dokumentą tarp HEAD gairių reikia rašyti tokį kodą:

Kodas: Pasirinkti visus

<link rel=stylesheet type="text/css" href="kelias iki failo (pvz.: style.css)">

Pirmasis variantas vadinamas vidiniu CSS, o antrasis išoriniu.


Sintaksė

kam bus taikomas stilius { savybė:reikšmė; }

PVZ.:
CSS kodas:

Kodas: Pasirinkti visus

p { color:#FF0000; }

HTML kodas:

Kodas: Pasirinkti visus

<p>LABAS!</p>

Rezultatas:

LABAS!

Kitoje pamokoje: CSS - Fonas (Background)
Parašykit pranešimą, kad galėčiau naują pamoką rašyt.

Na skirtuma tai gera radai

25 pamoka - CSS - Fonas (Background)

Fono spalvą nustatome su "background-color"

body {background-color: yellow;} // Nustatome geltoną fono spalvą body gairei.
h1 {background-color: #00ff00;} // Nustatome šv. žalią spalvą gairei h1
h2 {background-color: transparent;} // Nustatome permatomą foną gairei h2
p {background-color: rgb(250,0,255);} // Nustatome rožinę spalvą gairei h3

PVZ

Fono paveiklėlį nustatome su "background-image"

background-image:url('bgdesert.jpg'); // Fone bus bgdesert.jpg paveiklėlis

PVZ

Fono paveikslėlio kartojimas

Paveikslėlį kartoja į visas puses
background-image: url('bgdesert.jpg');
background-repeat: repeat;

PVZ
Paveikslėlį kartoje vertikaliai

background-image: url('bgdesert.jpg');
background-repeat: repeat-y;

PVZ
Paveikslėlį kartoja horizontaliai

background-image: url('bgdesert.jpg');
background-repeat: repeat-x;

PVZ
Paveiklėlio nekartoja

background-image: url('bgdesert.jpg');
background-repeat: no-repeat;

PVZ

Fono vieta

background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed; // Kad tai veiktų Mozill'oje reikia naudoti background-attachment su reikšme "fixed"
background-position:center; // Fono vieta: centras

PVZ

Taip pat galima vietą nustatyti su procentais

background-image: url('smiley.gif');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 30% 20%;

PVZ


Dar galima nustatyti vietą su pikseliais

background-image: url('smiley.gif');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50px 100px;

PVZ

Pastovaus fono nustatymas

background-image: url('smiley.gif');
background-repeat: no-repeat;
background-attachment: fixed;

PVZ

Visko nustatymas vienoje vietoje

background: #00ff00 url('smiley.gif') no-repeat fixed center;

PVZ

Savybių galimos reikšmės:


Pavyzdžiuose galite kodą redaguotį ir paspaude mygtuką "Edit and Click Me >>" pamatysite rezultatą.

Kitoje pamokoje: CSS - Tekstas
Parašykit pranešimą, kad galėčiau naują pamoką rašyt

Pranesimas tik tam kad galetum tu parasyti nauja pamoka.

pagaliau viska suprantu (keinulid paaiskino) o dbr lauksiu kitos pamokos

Per ilgai ji užtruko jau

jo greiciau pamoka kita

26 pamoka - CSS - Tekstas


Kitoje pamokoje: CSS - FONT

Daugiau pamokų, kaip matau nebus ?

keinulis rašė:Daugiau pamokų, kaip matau nebus ?

Bus, pamiršau užrašyt

Aisku Na, bet dabar iki manes toli, bet gal rasiu naudingu dalyku, ar to ko nepastebejau, beje w3bshools padejo tau

27 pamoka - CSS - FONT

|Savybė___________|Kam naudojama______________________________|Reikšmės___________|



Kitoje pamokoje: CSS - "Dėžutės"

ai tiek to php-fusion paprasciau

Bet ir ta nelabai kerti