1 / 11

C ascading S tyle S heets

C ascading S tyle S heets. HTML & CSS.

dobry
Download Presentation

C ascading S tyle S heets

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Cascading Style Sheets

  2. HTML & CSS CSSje jezik formatiranja pomoću kog se definiše izgled elemenataweb-stranice.Prvobitno, HTML je služio da definiše kompletan izgled, strukturu i sadržaj veb-stranice, ali je od verzije 4.0 HTML-a uveden CSS koji bi definisao konkretan izgled, dok je HTML ostao u funkciji definisanja strukture i sadržaja.

  3. Istorija • CSS je u određenoj formi postojao još od1970-ih godina. • Kako je HTML postajao komplikovaniji, nečitljiviji i teži za održavanjejavila se potreba za doslednom tehnikom definisanja prikaza elemenata na stranici. • Razvijale su se različite metode za rešavanje ovog problema (CHSS i SSP). A CSS je rezultat njihovog kombinovanja i doradjivanja. • CSS je bio spreman da se objavi kao standard1996. godine. • Postoji nekoliko verzija CSS-a i njegova poslednja verzija CSS3 se još uvek unapredjuje.

  4. Sintaksa CSS se sastoji iz dva glavna dela: • Selektora (element HTML-a koji želimo da stilizujemo) • Deklaracije (svojstva i vrednosti stilizovanja)

  5. Ubacivanje CSS-a u HTML External Style Sheet je način koji se koristi kada jedan stil treba primeniti na više strana. Promenom jednog fajla možemo promeniti izgled celog sajta. Kod za ubacivanje: <head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>

  6. Ubacivanje CSS-a u HTML Internal Style Sheet je način koji se koristi kada jedan dokument treba da ima poseban stil. Definiše se pomoću <style>naredbe. Kod za ubacivanje: <head> <style>hr {color:sienna;}p {margin-left:20px;}body {background-image:url("images/back40.gif");}</style></head>

  7. Ubacivanje CSS-a u HTML Inline Style Sheet se ubacuje u element kod koga nešto želimo da promenimo (na primer: boju, marginu i tako dalje). Kod za ubacivanje: <p style="color:green;margin-left:20px;">Ovo je paragraf.</p>

  8. Pomoću CSS-a možemo menjati: • Pozadinu (njenu boju i poziciju, a možemo staviti i neku sliku) • Tekst (njegovu boju, poziciju, kao i slova) • Font (velićinu fonta, koji može biti normal, italic and oblique) • Link (boju linka kada predjemo preko njega sa mišem) I razne druge stvari...

  9. Scrolling text (marquee): <marquee behavior="scroll" direction="left">Vas tekstideovde</marquee> <marquee behavior="alternate">Vas tekst ide ovde</marquee>

  10. KRAJ Nikola Rasulic & Nikola Rakic

More Related