🚀 go-pugleaf

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-value), 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";
}