Scribd Logo
Upload

Welcome to Scribd!

  • CSS Podstawy

    Uploaded by

    geodezjana5
    5 views2 pages

    Original Title

    CSS_podstawy

    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

    Copyright:

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

    CSS Podstawy

    Uploaded by

    geodezjana5

    Copyright:

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

    Formatowanie HTML za pomocą CSS

    CSS został wprowadzony razem z HTML4, dla zapewnienia lepszego sposobu formatowania
    elementów HTML.

    CSS może być dodany do HTML na kilka sposobów:


     Wbudowane - za pomocą atrybutu style wewnątrz elementu HTML
     Wewnętrzny - używając elementu <style> w sekcji <head>
     Zewnętrzny - używając zewnętrznego pliku CSS

    Preferowanym sposobem na dodanie CSS do HTML, jest wprowadzenie składni CSS w


    oddzielnych plikach CSS.

    Style wbudowane
    Style wbudowane mają zastosowanie, kiedy chcemy użyć unikalnego stylu do konkretnego
    elementu HTML w jednym z wielu jego wystąpień.

    Aby korzystać z wbudowanych stylów, użyj atrybutu stylu w odpowiednim znaczniku. Atrybut style
    może zawierać każdą właściwość CSS.

    Poniższy przykład pokazuje, jak zmienić

    1. kolor tekstu i lewego marginesu akapitu:

    <p style="color:blue;margin-left:20px;">To jest akapit.</p>

    2. kolor tła

    <body style="background-color:yellow;">
    <h2 style="background-color:red;">To jest nagłówek</h2>
    <p style="background-color:green;">To jest akapit.</p>

    3. Czcionka, Kolor i Wielkość

    <h1 style="font-family:verdana;">Nagłówek</h1>
    <p style="font-family:arial;color:red;font-size:20px;">Akapit.</p>

    4. Wyrównanie tekstu

    <h1 style="text-align:center;">Nagłówek wyrównany do środka</h1>

    Wewnętrzny arkusz stylów


    Wewnętrzny arkusz stylów może być użyty, jeżeli chcemy aby pojedynczy dokument posiadał
    unikalny styl. Wewnętrzne style są definiowane w sekcji <head> strony HTML, poprzez użycie
    znacznika <style>, tak jak poniżej:
    <head>
    <style type="text/css">
    body {background-color:yellow;}
    p {color:blue;}
    </style>
    </head>

    Zewnętrzny arkusz stylów


    Zewnętrzny arkusz stylów jest idealny, kiedy ten sam styl jest przyporządkowany do wielu stron. Z
    zewnętrznym arkuszem stylów, możesz zmienić wygląd całej strony internetowej, poprzez zmiany
    w pojedynczym pliku.

    Każda strona musi być połączona z arkuszem stylów za pomocą znacznika <link>. Znacznik
    <link> powinien znajdować się w sekcji <head>:

    <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    Właściwości:
    1) color: rgb(125,64,0);
    color : #ff54ac;
    color : red;
    2) background-color : yellow;
    3) margin-left:20px;
    4) font-family: Tahoma;
    5) font-size: 1.2em;
    6) text-align: right; (albo left, center)
    7) border-width: 2px;
    8) border-style: solid;
    9) border-color: black;

    https://webkod.pl/kurs-css/lekcje/dzial-1/idea-stylow-css

    You might also like