Centar za edukaciju-BiH

iCentar → Racunari i oprema → Programirannje i baze podataka → Html/CSS


Prosiri i skupi Opcije teme
Stranice (1):1
 Prikazi prvu neprocitanu poruku

Anketa:Dali pratite teme html primjer i html tagovi
Samo pratim ali nisam probao
 
 0 0%
Pratim i probao sam ali mi ne ide
 
 0 0%
Pratim i probao sam i znam kako se koristi
 
 3 100%
Ne pratim
 
 0 0%
Broj glasova:3

#1 07.02.2015 10:28
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Html primjeri-pitanja i nedoumice
Pitam se dali neko prati ovo sto je napisano u temi html primjeri i html tagovi.
Moguce da ima i onih koji nisu mozda dobro niti razumjeli kako to mogu isprobati.
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#2 07.02.2015 11:29
Gjoreski Van mreze
Administrator
Registrovan od:02.02.2009
Postovi:1,854


Predmet:Re: Html primjeri-pitanja i nedoumice
Jas imam edno prasajne.
Sto se kako se dodavaat i editiraat Div ovi vo html.
↑  ↓

#3 07.02.2015 12:25
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Re: Html primjeri-pitanja i nedoumice
<div> element je blok strukturni element.
Sadržaj blok elementa uvijek se ispisuje u novom retku. Mogu unutar sebe sadržavati druge blok ili linijske elemente. Primjer blok elemenata su html elementi <p>, <h1>...<h6>, <table>... Strukturni blok element je element <div> kojem dodajemo svojstva klase ili identifikatora kako bi ga povezali s CSS ili JavaScript kodom.
Unutar <div> elementa mogu se nalaziti ugniježđeni skoro svi html elementi.

Tri osnovna svojstva <div> elementa su:
style – definiranje css svojstava
class – određuje naziv klase za pristup elementu iz CSS-a ili JavaScripta
id - jedinstveni identifikator za pristup elementu iz CSS-a ili JavaScripta

Znaci div mozemo definisati u CSS fajlu.
Poziv tog fajla mozemo navesti u HEAD html
Primjer:
<link href="stil.css" rel="stylesheet" type="text/css">

Ako ne želite praviti poseban fajl za CSS syntax-e onda ih morate pisati u vaÅ¡ HTML dokument i to na sljedeći način:
<HEAD>
<style type="text/css"></style>
>/HEAD>
ili ako ne zelimo css fajl praviti onda cemo napisati:
<HEAD>
<style type="text/css"></style>
>/HEAD>

Primjer jedne klase u CSS:
#ImeKlase{
//Osobine klase
color: gray;
    position: relative;
    height: 32px;
    margin-top: 5px;
    text-align: center;
    font-size:25px;
    font-weight: bold;
}

znaci ako sad stavimo <div class="Imeklase">

To je sad CSS ima jos toga da bi se detaljno objasnilo.
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#4 07.02.2015 15:38
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Re: Html primjeri-pitanja i nedoumice
Nije moguce da vise niko ne prati ovu temu.
Taman sam mislio da to pokusam jos detaljnije objasniti.
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#5 07.02.2015 16:12
mirsadz Van mreze
Administrator
Registrovan od:26.05.2011
Postovi:48


Predmet:Re: Html primjeri-pitanja i nedoumice
U css imamo klase i tzv. objekte.
#ImeKlase - oznacava klasu koja ima određene atribute ili može posjedovati objekat ili viÅ¡e objekata.

primjer:

PreuzmiIzvorni kôd (CSS):
  1. #ImeKlase{
  2. margin-left: 2px;
  3. margin-top: 10%;
  4. }

Navedeni primjer označava klasu sa određenim atributima: margin-left, margin-top itd...
Ako želimo da u određenu klasu dodamo objekat to radimo na slijedeći način.

Prvo u svom css. fajlu napravimo određeni objekat.

PreuzmiIzvorni kôd (CSS):
  1. .bg {
  2.         text-align: center;
  3.         font-weight: bold;
  4. }

Nakon toga poziv klase i objekta u html fajlu ce izgledati ovako:

<div id="ImeKlase" class="bg"></div>

Znaći mi u klasu "ImeKlase" dodajemo objekat "bg" sa isto tako određenim atributima.

Ako ste primjetili u navedenim primjerima smo ispred klasa u css. fajlu stavljali ' # ' a ispred objekata ' . ' Å¡to znači da svi elemnti koji ispred sebe imaju znak ' # ' označavaju klase, a elementi koji imaju ' . ' označavaju objekte.

primjer:

#ImeKlase - klasa
.ImeObjekta - objekat

Mi naravno možemo vršiti razne kombinacije sa objektima i klasama. Ali je ovo lagani primjer kako da svatite css.
Ovaj post je ureden 1 puta. Posljednja izmjena 07.02.2015 16:13 od strane mirsadz. ↑  ↓

#6 08.02.2015 15:01
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Re: Html primjeri-pitanja i nedoumice
Nije moguce da ovo vise niko ne prati.
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

Stranice (1):1

Srodne teme

Ko je online?

Aktivni clanovi:
nema clanova


Kontakt
Sva vremena su GMT +01:00. Trenutno vrijeme: 1: 38 am.