<div></div>
Tai bene populiariausias, lanksčiausias ir aprašomas css tagas. Žinoma galima aprašyti ir visus kitus tagus (pvz. <table><tr><td></td></tr></table>, <font></font>, <img />, <h2></h2>...).
#Kaip aprašyti <div></div> css faile?
Atsiminkite lygiai toks pats aprašymas galioja ir visiems kitiems tagams, bet skirtingai veikia juos. Na pradedam. Pirmiausiai atsidarome style.css, kurį jau turėjote išmokti praėjusioje mano pamokoje.
- Kodas: Pasirinkti visus
html {
margin: 0;
padding: 0;
}
body {
font-family: Tahoma;
font-size: 11px;
color: #000000;
background-color: #ffffff;
background-image: url('http://imagination.lt/01.png');
background-repeat: no-repeat;
}
Tad nieko nelaukęs duodu du rašymo būdus, tai yra ID ir CLASS pvz.
- Kodas: Pasirinkti visus
<!-- Tai yra ID rašymo būdas -->
#table {
border: 1px #000000 solid;
padding: 5px;
margin: 2px;
height: 100px;
width: 100px;
float: left;
}
<!-- Tai yra CLASS rašymo būdas -->
.table {
border: 1px #000000 solid;
padding: 5px;
margin: 2px;
height: 100px;
width: 100px;
float: left;
}
Kuo jie skiriasi? ID - tvirtas css aprašymas tik vieno objekto. CLASS - css aprašymas, kurį galima kartoti daugybe kartų, viename html failo aprašyme. Aprašyme panaudojau ID ir CLASS vardą "table", vardą galima nurodyti bet kokį, kaip jums patogu. Kadangi tai yra table, nurodžiau borderių apipavidalinimą (border: 1px #000000 soild).
#O kaip atrodo vaizdas html dokumente?
- Kodas: Pasirinkti visus
<!-- Tai yra ID rašymo būdas -->
<div id="table">labas1</div>
<!-- Tai yra CLASS rašymo būdas -->
<div class="table">labas2</div>
<div class="table">labas3</div>
<div class="table">labas4</div>
Šie tagai įterpiami tarp <body></body>.
Rezultatas:
#O jeigu noriu daugiau aprašyti tagus?
Na jei jums neužtenka ką papasakojau, štai jums keli css kodai su paaiškinimais:
- background-color: #FFFFFF - backgroundo spalva,
- background-image: url('linkas') - backgroundo paveikslėlis,
- background-position: center - background paveikslėlio pozicija,
- background-repeat: no-repeat - ar kartoti background paveikslėli, jei nustatyta repeat-x, kartos
- paveikslėli itk į x. O jeigu repeat-y, kartos tik į y. O jei repeat, kartos ir į x, ir į y,
- border: 1px #000000 solid - briaunų apipavidalinimas. 1px - briaunos storis ; #000000 - briaunos
- storio spalva ; soild - briaunos stilius. Tai pat galima nustatyti atskirai bottom, left, right, top (pvz. border-top: 1px #000000 soild, border-left: 1px #000000 soild),
- color: #000 - fonto spalva,
- cursor: pointer - cursoriaus tipas,
- float: left - kokiai pusei priklauso (left ar right),
- font-family: Tahoma - fontas rūšis,
- font-size: 11px - fonto dydis,
- font-style: italic - fonto stilius,
- font-variant: small-caps - fonto efektai,
- font-weight: bold - fonto storumas,
- height: 1px - tago aukštis,
- width: 1px - tago plotis.
P.S. Pamokos rašytos mano pačio, bet koks pasisavintojas turės susidurti su manim
P.S.S. Dar liko ką jus išmokyti, tai dar grįšiu.
Bet šiande vakare arba ryt perskaitysiu tai pažersiu klausimų 
