eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.www[CSS] wartości domyślne background - transparent i 0 0 , po co powtarzać ?Re: wartości domyślne background - transparent i 0 0 , po co powtarzać ?
  • Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
    From: Paweł Piskorz <n...@p...nie?>
    Newsgroups: pl.comp.www
    Subject: Re: wartości domyślne background - transparent i 0 0 , po co powtarzać ?
    Date: Mon, 23 Feb 2009 01:13:30 +0100
    Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
    Lines: 52
    Message-ID: <gnspnd$qvp$1@inews.gazeta.pl>
    References: <gnn6mv$qde$1@inews.gazeta.pl>
    <8...@x...googlegroups.com>
    NNTP-Posting-Host: 93-181-190-1.as.kn.pl
    Mime-Version: 1.0
    Content-Type: text/plain; charset=ISO-8859-2
    Content-Transfer-Encoding: 8bit
    X-Trace: inews.gazeta.pl 1235348013 27641 93.181.190.1 (23 Feb 2009 00:13:33 GMT)
    X-Complaints-To: u...@a...pl
    NNTP-Posting-Date: Mon, 23 Feb 2009 00:13:33 +0000 (UTC)
    X-User: uhorek
    In-Reply-To: <8...@x...googlegroups.com>
    User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1.19) Gecko/20081209
    Thunderbird/2.0.0.19 Mnenhy/0.7.6.666 Hamster/2.1.0.11
    Xref: news-archive.icm.edu.pl pl.comp.www:390754
    [ ukryj nagłówki ]

    Northrop pisze:
    > Kolega porneL zbyt pochopnie udzielił Ci odpowiedzi. Tego rodzaju
    > wpisy są często spotykaną i dobrą praktyką zabezpieczającą przed
    > kłopotami z różną interpretacją CSSa przez przeglądarki. Wbrew
    > pozorom bowiem standardy defaultowych wartości atrybutów CSSa są różne
    > dla różnych przeglądarek.

    Mylisz domyślne style dla elementów z początkowymi wartościami dla
    właściwości. Np. dla background początkowe wartości to transparent none
    repeat scroll 0% 0% i jest to określone przez standard. I tak jest dla
    wszystkich właściwości z wyjątkiem 4, które są zostawiane przeglądarkom*.
    Wartość nieustawiona jest "poszukiwana" w 3 miejscach
    (http://www.w3.org/TR/CSS21/cascade.html#specified-v
    alue), a ostatnim z
    nich są właśnie wartości początkowe. Dla podanego przykładu w
    uproszczeniu wygląda to tak:
    wartości początkowe:
    background:transparent none repeat scroll 0% 0%;
    ustawiasz tylko obrazek
    background: url(obrazek.png)
    przeglądarka rozwija tę regułę do:
    background:transparent url(obrazek.png) repeat scroll 0% 0%;

    Za to przeglądarki mogą mieć różne domyślne style dla elementów, i np.
    dla nagłówków masz font-weight:bold; Ustaw sobie w stylach:
    h1, h2, h3, h4, h5, h6 { font:1em serif; }
    i w każdej przeglądarce zniknie Ci ten bold. Dzieje się tak ponieważ
    brakujące wartości w regule font:1em serif; są przez przeglądarkę
    "obliczane" i ta reguła zostaje rozwinięta do:
    font:normal normal normal 1em/normal serif;
    A dalej to zwykła kaskadowość stylów, czyli:
    domyślne style przeglądarki:
    h1, h2... { font-weight: bold; }
    Twój styl:
    h1, h2... { font: 1em serif; }
    początkowe wartości (? określa przeglądarka):
    + h1, h2... { font:normal normal normal medium/normal ?; }
    rozwinięcie Twojego stylu:
    = h1, h2... { font:normal normal normal 1em/normal serif; }
    I przeglądarkowy bold zostaje nadpisany przez standardowy normal :)


    * Te 4 właściwości pozostawione przeglądarkom to: color, font-family,
    quotes, voice-family. Nie ma niebezpieczeństwa, że przy skróconym
    zapisie dostaniesz niespodziankę od przeglądarki, albowiem jedyna z tych
    właściwości (font-family) która może wystąpić w takim zapisie (font),
    nie może zostać w nim pominięta.


    --
    message[autor="PablO"]::after {
    content:"Pozdrawiam";
    }

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: