-
Data: 2009-02-23 00:13:30
Temat: Re: wartości domyślne background - transparent i 0 0 , po co powtarzać ?
Od: Paweł Piskorz <n...@p...nie?> szukaj wiadomości tego autora
[ pokaż wszystkie 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";
}
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-11 Wyważanie kół rowerowych
- 2024-11-11 Kosz, gdzie??
- 2024-11-11 Coraz mniej ludzi robi prawo jazdy
- 2024-11-11 Opole => SAP HANA Cloud Dev / Data Engineer <=
- 2024-11-11 Warszawa => Spedytor Międzynarodowy <=
- 2024-11-11 Lublin => Senior PHP Developer <=
- 2024-11-11 Marki => Senior PHP Symfony Developer <=
- 2024-11-11 Chrzanów => Team Lead / Tribe Lead FrontEnd <=
- 2024-11-11 Gliwice => Specjalista ds. public relations <=
- 2024-11-11 Gdańsk => Kierownik Działu Spedycji Międzynarodowej <=
- 2024-11-11 Gdańsk => Head of International Freight Forwarding Department <=
- 2024-11-11 Warszawa => Sales Development Representative (in German) <=
- 2024-11-11 Marsz niepodległości
- 2024-11-08 Belka
- 2024-11-09 pierdolec na punkcie psa