Css alebo co BIRDZ nespomenul

takze zacneme asi pismom lebo to nieje spomenute vobec
Font(písmo)
font-family udáva sa ním typ písma ktoré všetci určite poznáte z wordu
{font-family: arial} zmení typ písma na arial a tak dalej

font-style má 3hodnoty
normal - písmo bude normálne
italic - nastavý kurzíva
oblique - sklonené písmo (pozor nie kurzíva ale iba geometricky nakonené písmena)

font-variant má 2 hodnoty
normal čiže normálne písmo
small-caps kapilárky ide o velké písmena velkosti malých čiže prvé velké je velké a vysoke a druhé velké v slove je síce velké ale nižšie

font-size tu je hodnôt viac presne 9 ale nám stacia 4
small malé písmo (cca 8 )
medium stredné (cca 10 )
large velké (cca 12 )
a potom je tu možnosť napísať
{font-size:20px} je to ako ked mate word a menite velkost písma je to asi najjednoduchsie

font-weight je to tučnosť písma pre tých ktorým nestačí normálne písmo
normal normálne písmo
bold tučné písmo
a potom tu sú ešte hodnoty od 100 do 900 udavajú sa len násobky 100 (pre blbých 100 200 300...) vetšinou má cenu používať len normal a bold

text / odstavec

text-decoration ozdobenie textu má ť hodnôt a môžu sa kombinovať
none žiadna dekorácia
underline podčiarknuť
overline nadškrtnúť
line-trought preškrtnuté
blink blikanie text bliká MS IE nevie blikať mozilla to dokáže

text-transform transofmácie textu ako vo worde má 4 hodnoty
none snad to už netreba vysvetlovať všetko ostane tak ako to píšete
capitalize začiatky slov budú mať velké písmena
uppercase všetky písmena budú veľké
lowercase všetky písmena budú malé bez ohladu ako ich pišete

word-spacing medzi slovná medzera
normal zas ???
alebo takto {word-spacing:20px} miesto tej 20 možete udávať čísla obmedzenie neviem :/

letter-spacing medzera medzi písmenkami
normal chápete to už dúfam
alebo {letter-spacing:5pt} skúšajte sa z tým hrať a uvidíte ktoré sa vám páči viac

line-height výška riadku má nikolko možnosťí zápisu
normal ak chcete nastaviť normal tak to ani netreba písať len aby som nezabudol
{line-height:3} udava sa násobok normalne ho riadku čize 3 krát vetšie ako normal
{line-height:80px} udáva sa velkosť v pixeloch
alebo {line-height: 50%} znamená to že riadok bude ....% z normálneho

text-indent to je nieco ako odsek na prvom riadku ako ked sa píše sloh
{text-indent:20px} dufam že už viete že px sú pixely a ako to asi odhadnúť

text-align je to zarovnanie textu
left lavo
right pravo
center dufam že aspoň toto viete (stred )
justifi to je do bloku takto sú písané noviny napr

vertical-aling zarovnanie k riadku
baseline na riadok
sub dolný index
super horný index
dokopy ich je 10 ale podla mna nikdy neviužijete 10 spôsobov indexovania tieto 3 sú naj

white-space spôsob formátovania textu
normal text sa zobrazí tak ako bol napísaný
pre nelame riadok a nerobý koniec riadku


Farby a pozadie

color farba písma používa sa takto {color:blue} nastaví farbu písma na modrú môžete použit farby teda ich angl názvy ale nie na všetky farby a potom tu je ešte jedna možnosť RGB alebo Red Green Blue 3 zákkladné farby a ich namiešaním dostanete akúkoľvek farbu ktorá vás napadne píše sa to takto {color:RGB(20,40,60)

background-color farba pozadia
{background-color:blue}to isté ako pri obyčajnom color
alebo transparent to je priesvytné
aj ked sem sa da napisat este jedna hodnota
opacity udava sa v cisle od 0 do 1 to znamena 0 0,1 0,2 0,3 ....1
je to priesvitnost pozadia pozadi je priehladne a ma len nadych danej farby

background-image
none uz nie normal
url to je uplna cesta a pise sa takto
{background-image:url(\\\'C \\\programfiles\\\\user\\\\sonet\\\\mojeobr\\\\ja.jpg\\\')

background-repeat opakovanie pozadia
repeat pozadie sa opakuje
no-repeat pozadie sa neopakuje
repeat-X opakuje sa v osi X
repeat-Y opakuje sa v osi Y

background-attachment použiva sa ak je pozadie obrázok má 2 hodnoty
scroll pozadie sa posúva z textom
fixed pozadie je ako probyté

background-position poloha pozadia (nie zadku)
top poloha v kolmej osi vrch
center poloha v kolmej osi stred
bottom poloha v kolmej osi spodok
left poloha vo vodorovnej osi nalavo
right poloha vo vodorovnej osi napravo
center poloha vo vodorovnej osi nastred


/*pozadie*/
BODY {background: url(\"/userskins/files/1.jpg\") 0px 0px} čiže sem môžete písať všetko o pozadí

/*ak hore pozadie pod menu*/
#hlavicka ul {background-color: none}

/*menu na webke*/
#sub LI A {background-image: url(\'/userskins/files/13.jpg\')} tu je spomenute vkladanie obr

/*pozadie webky*/
#mojawebka {background-color d3d3d3;} sem si môžete dať obr alebo farbu

/*pozadie pod avatarom*/
.avatar {background-image: url(\'/la/webka-podfotkou-trans.gif\')} farba albo nejaky obr

/*priesvitne pismenka*/
.transparent {color d3d3d3} toto je tajne cislo snad s anebudu hnevat ak zmenite tuto farbu tak ho uvidite

/*pozadie bledsich vrstiev*/
#mojetelo td,.mojstav,.skinnavyber {background-color f6f6f6}

/*nadpisy v profile*/
.moje h3 {color 0e0e0e} farby nadpisov..

/*pasiky vlavom menu*/
.vlavom {border-top:8px #0e0e0e solid} farby a sirka pasikov

tak to je na dnes všetko

 Návod

3 0 0 0 0

Komentuj

8 komentov k blogu