Scribd Logo
Upload

Welcome to Scribd!

  • CSS Vježbanje

    Uploaded by

    Anonymous VjiSs4J9U
    6 views4 pages
    asas

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    asas

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views4 pages

    CSS Vježbanje

    Uploaded by

    Anonymous VjiSs4J9U
    asas

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    1. Шта је CSS?

    2. Дата је CSS декларација p{text-align:left;}. Шта је у датој CSS декларацији


    селектор, шта својство а шта вриједност?
    3. Дат је стил .stil1{color:blue;border:2px dotted black;} и наслов
    <h2>Наслов</h2>. Шта треба додати у таг h2 да би на њега био примијењен
    stil1?
    4. Направи стил са селектором класе под називом stil2 који има сљедећа својства:
    ● ивица: дебљина 5 пиксела, двострука линија, зелене боје
    ● боја позадине: сива
    ● маргине: 10 пиксела
    ● боја слова: црвена
    ● поравнање текста: обострано
    5. Дат је стил #stil1{color:blue;border:2px dotted black;} и наслов
    <h1>Наслов</h1>. Шта треба додати у таг h1 да би на њега био примијењен
    stil1?
    6. На које елементе ће се примијенити стил *{text-align:right;}

    <p>Tekst</p>
    <a href=http://www.google.com>Google</a>
    <h2>Naslov</h2>
    7. Направи CSS декларацију тако да посјећени линкови имају зелену боју слова
    8. Направи CSS декларацију тако да линкови кад је изнад њих стрелица миша буду подвучени
    9. Којом бојом ће бити приказани линкови

    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    <style>
    [target]{color:green;}
    </style>
    </head>
    <body>
    <a href="http://www.facebook.com" target="_blank">Facebook</a>
    <a href="http://www.google.com">Google</a>
    </body>
    </html>

    10.Какво поравнање ће имати наслови и пасуси на сљедећој страници


    <!DOCTYPE html> </head>
    <html> <body>
    <head> <div>
    <title>Page Title</title> <h1 class="right">Naslov1</h1>
    <style> <p>Tekst1</p>
    right.p{text-align:right;} <p class="right">Tekst2</p>
    div h1{text-align:center;} </div>
    </style> <h1>Naslov2</h1>
    <p>Tekst3</p> </html>
    </body>

    11. Какве боје ће бити наслов у сљедећем документу?


    <!DOCTYPE html>
    <html>
    <head>
    <style>
    h1{color:orange;}
    </style>
    </head>
    <body>
    <h1 style=“color:yellow“>Naslov</h1>
    </body>
    </html>

    12. Напиши таг којим се текући HTML документ повезује са стилом дефинисаним у
    датотеци stil5.css.
    13. Додај стил у заглављу тако да елементи листе буду приказани у једном реду.

    <!DOCTYPE html>
    <html>
    <head>
    <style>

    </style>
    </head>
    <body>
    <ul>
    <li>HTML</li>
    <li>CSS<</li>
    <li>JavaScript</li>
    </ul>
    </body>
    </html>

    14. Додај стил у заглављу тако да линкови буду приказани један испод другог.

    <!DOCTYPE html>
    <html>
    <head>
    <style>

    </style>
    </head>
    <body>
    <a href=”http://www.google.com”>Google</a>
    <a href=”http://www.facebook.com”>Facebook</a>
    </body>
    </html>
    15. Колику ширину заузима слика за коју је дефинисан стил
    img
    {
    width:100px;
    height:80px;
    padding:20px;
    border:10px;
    }

    16. Које су могуће вриједности својства position?


    17. Допуни стил тако да се слика увијек налази у доњем десном углу чак и кад се
    скролује страна.
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    img.fiksirano;
    {
    width:100px;
    height:100px;

    }
    </style>
    </head>
    <body>
    <img src=“slika.png“ class="fiksirano">
    </div>
    </body>
    </html>
    18. Које CSS својство дефинише редослијед елемената који се преклапају?

    19. Додај CSS својство у стил .plavi или .crveni тако да плави квадрат буде преко
    црвеног.

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    div{width:200px;height:200px;position:absolute;}
    .plavi{background-color:blue; }
    .crveni{background-color:red; }
    </style>
    </head>
    <body>
    <div class="plavi"></div>
    <div class="crveni"></div>
    </body>
    </html>

    You might also like