css - Kolosek Blog

css

A collection of 25 posts

CSS Border-image

CSS Border-image

Svojstvo CSS border je prilično poznato. Ovim svojstvom možete definisati boju, stil i širinu border-a elementa. Svojstvo border-image, s druge strane, omogućava vam da definišete gradijent ili sliku za obrub. Svojstvo border-image-je skraćenica za sledeće: * Border-image-source - izvor slike, * Border-image-slice - definiše dimenzije rezanja izvorne slike na

CSS Box-sizing

U prethodnom članku koji pokriva CSS teme govorili smo o box modelu. Važno svojstvo koje je povezano sa modelom box je svojstvo box-sizing. Svojstvo box-sizing definiše kako se izračunavaju visina i širina elementa i da li treba da sadrži ivicu, obloge i margine ili ne. Vrednosti Postoje dve moguće

CSS Model za početnike

CSS Model za početnike

Svaki početnik prvo treba da počne sa osnovama. U slučaju CSS-a, osnove uče box model. Pre nego što nastavite sa učenjem bilo kog drugog CSS koncepta, ovaj bi trebalo prvo da savladate! Bok model je osnovni gradivni element CSS-a. Box model je osnovni gradivni element CSS-a. To obično dovodi do

CSS Animacija

Prvi korak u korišćenju animacije u CSS-u je svojstvo prelaza [https://kolosek.com/css-transition/]. Kada predefinisani prelazi nisu dovoljni ili jednostavno nisu pogodni, postoji CSS animacija. Napomena: U ovom postu se ne koristi JavaScript! (čak i ja verujem da je ovo jasno) Svojstvo animacije ima 2 dela: ključni okviri

Razumevanje CSS Prefiksa Dobavljača

Razumevanje CSS Prefiksa Dobavljača

Da li ste se ikad zapitali šta znače -moz- ili -webkit- oznake u CSS-u? Pa, ako jeste, na pravom ste mestu! Te oznake nazivaju se prefiksi dobavljača. O Prefiksima Dobavljača Odgovorimo na pitanje: Šta su prefiksi dobavljača? Jednostavno rečeno, prefiksi dobavljača su način da vaš pregledač podrži nove CSS funkcije

CSS Formatiranje

CSS Formatiranje

Tokom našeg rada na više projekata često dolazi do zabune oko pravilnog korištenja CSS-a. Ovajdokument je ovde da pruži pojašnjenje. Pretprocesor SASS 3 [http://sass-lang.com/] uvodi novu sintaksu poznatu kao SCSS [http://sass-lang.com/documentation/file.SCSS_FOR_SASS_USERS.html] koja se koristi u našim projektima. Jedna od

CSS :before i :after

CSS :before i :after

Svojstva CSS :before i :after su ono što se takođe naziva pseudo elementima. Koriste se za dodavanje nečega pre ili posle sadržaja elementa. Puno je sjajnih upotreba za ove pseudo elemente, a mi smo ovde da istražimo neke od njih. Sintaksa Ako imamo element kao ovaj:

welcome to our website

Input [type=”text”] Razloženo

Input [type=”text”] Razloženo

Inputi su toliko važni u dizajnu “korisničkog iskustva” i presudno je da se njihov stil savršeno prenese s dizajna na stranicu. Nije tajna da vam je za prezentaciju na web stranici potreban CSS, ali zeznuti dio je kako je učiniti što boljom. Inputi imaju više varijanti, stanja i stvari o

CSS Overflow

Svojstvo CSS overflow specificira šta da se radi u slučaju da je sadržaj prevelik da stane u okvir kontejnera. Određuje da li bi trebalo da se pojavi traka za pomeranje ili da li se sadržaj iseče. Svojstvo overflow je skraćenica za overflow-x i overflow-y. Svojstvo overflow-x specificira rukovanje prelivom

CSS will-change

CSS will-change

Najbolje ime, zar ne? Pa, CSS se menja i promeniće se, nadamo se dodavanjem još opcija sa cool imenima. Postoji reč will-change koja je tu da promeni tranziciji [https://kolosek.com/css-transition/] u tranzicija-transformacija [https://kolosek.com/css-transform/] vezu. Mogu li samo da pitam: hoće li se to

CSS Transformacije

CSS Transformacije

Bez tranzicije [https://kolosek.com/css-transition/], svojstvo transform može samo da okrene objekat na koji je primenjeno. Dakle, u većini situacija iz stvarnog života (stvarnog života?), ove dve opcije se primenjuju zajedno. Samo Transformacije Ovlašćenja koja poseduje ovo svojstvo su: * rotate(angle), * skew(angle), * translate(x,y), * scale(

CSS Tranzicija

Dakle, prešli smo sa teksta i boja u veb dizajnu na jedinstvene bombe, eksplozije ... OK, ne toliko, ali prešli smo. CSS prati i podržava te promene i zbog toga imamo opciju tranzicije . Ovaj post je usko povezan sa postom koji je trenutno napisan i koji se tiče transformacije (zato redovno

CSS Režim Mešanja

CSS Režim Mešanja

Obično, kada dodamo sliku na veb lokaciju, prvo što uradimo je da je uredimo u spoljnom softveru, kao što je Photoshop. Da li režim mešanja eliminiše potrebu za korišćenjem ove vrste softvera? Ne baš. Ali, u mnogim slučajevima ćete moći da dodate efekte na sliku direktno pomoću CSS-a . Kada kreirate

CSS Clear Float

CSS Clear Float

Malopre smo pisali o float [https://kolosek.com/css-float/] svojstvu. Dakle, sada je pravi trenutak da objasnimo clear svojstvo. Svojstvo clear je direktno povezano sa svojstvom float. Određuje da li bi element trebalo da bude pored plutajućih elemenata ili da se pomera ispod njih. Ovo svojstvo se odnosi i na

CSS float

Jedno od osnovnih i najvažnijih svojstava koje bi svaki veb dizajner trebalo da nauči je svojstvo float . Najčešće se koristi za plutajući tekst oko slike ili za kreiranje izgleda u dve kolone . Svojstvo float može izazvati puno frustracija i zabune ako se ne razume u potpunosti, pa smo ovde da

CSS calc()

Da li ste se ikad zapitali šta je na svetu svojstvo calc() [https://www.w3schools.com/cssref/func_calc.asp] ? Pa, tek ćete saznati! Može se koristiti za kreiranje rasporeda u CSS-u. U tu svrhu možete koristiti i svojstvo position [https://kolosek.com/css-position-relative-vs-position-absolute/] . CSS calc() koristi se za proračune

CSS line-height

CSS line-height

CSS svojstvo line-height [https://www.w3schools.com/cssref/pr_dim_line-height.asp] definiše količinu prostora koji se koristi za linije, najčešće u tekstu. Često se brka sa razmakom između redova (vodećim) koji se koristi u Photoshopu i sličnim softverima. Vodeći je termin koji opisuje udaljenost između polaznih linija u tekstu.

CSS Relativna Veličina Fonta

CSS Relativna Veličina Fonta

Jednu od najvećih zabuna u veb dizajnu uzrokuje niko drugi do svojstvo veličine fonta [https://www.w3schools.com/cssref/pr_font_font-size.asp] . Najčešće korišćene veličine fonta su piksel (px), em i rem. Zajedno sa ovom osobinom, zbunjenost obično uzrokuju CSS kolone [https://kolosek.com/css-columns/]. Ako ste zainteresovani za

CSS Kolone

Opcija razbijanja teksta nije najpopularnija opcija prenosa teksta još od rasporeda časopisa. Kao i u dizajnu štampe, i u veb dizajnu postoje stupci. Najbolji i najjasniji način za upotrebu je opcija kolone u CSS-u . Ako vas zanima opcija podvlačenja teksta, koja je mnogo atraktivnija, pogledajte je ovde [https://kolosek.com/

CSS Podvučen Tekst

CSS Podvučen Tekst

U celokupnom veb dizajnu, najprepoznatljiviji stil je i dalje podvučen plavi tekst , koji će vas sigurno odvesti negde. Link element podrazumevano ima taj stil i jedina je boja u podrazumevanom režimu. Dakle, trebali bismo to poštovati. Iako napolju postoji novi svet, a stare stvari se poboljšavaju kroz najmanje nekoliko faza.

CSS Relativna i Apsolutna Pozicija

CSS Relativna i Apsolutna Pozicija

Svojstvo CSS položaja [https://www.w3schools.com/cssref/pr_class_position.asp] definiše, kao što i samo ime kaže, kako je element pozicioniran na veb stranici. Ako ste zainteresovani za čitanje o svojstvima fonta, članci o relativnoj veličini fonta [https://kolosek.com/css-relative-font-size/] i CSS kolonama [https://kolosek.com/css-columns/

Textarea tag razotkriven

Textarea tag razotkriven

Textarea je HTML oznaka koja se uglavnom koristi za poruke i komentare. Veoma je sličan input-u, ali zato što pruža mogućnost da sadrži više od jednog reda teksta, nije predstavljen kao input [type = "textarea"]. U ovom tekstu će biti predstavljene sve opcije ove oznake, zajedno sa često postavljanim