Kalkulator porównywania CSS
Kalkulator porównuje dwa arkusze styli w postaci CSS i znajduje różnicę pomiędzy nimi.

Wersja beta#

TO JEST WERSJA TESTOWA
Ten kalkulator dopiero powstaje - właśnie nad nim pracujemy.
To znaczy, że może działać poprawnie, ale nie musi.
Jak najbardziej możesz go użyć. Może nawet uzyskasz poprawne wyniki.
Prosimy jednak, abyś sprawdził uzyskane wyniki we własnym zakresie. Potwierdź je przed wykorzystaniem, bo mogą być błędne.
W każdym razie - prace trwają. Ta podstrona powinna zostać ukończona już wkrótce. Zapraszamy !
Jeśli masz jakieś pomysły, uwagi - daj znać !

Ustawienia - w jaki sposób chcesz porównać swoje teksty#

Ignoruj białe znaki

Pierwszy tekst CSS#

Drugi tekst CSS#

Znalezione różnice (CSS)#

// This is somea CSSnew comment↵
body {↵
  font-size: 16px15px;↵
  color: redblue;↵
}↵
↵
@media (min-width: 512px) {↵
  body {↵
    font-size: 20px18px;↵
    color: greenyellow↵
  }↵
}↵

Statystyki porównywania#

Podsumowanie
Sposób porównywania
Wielkość liter ma znaczenie
Ignoruj białe znaki
Wynik porównywania
Czy dokumenty CSS są identycznenie
Czy teksty są identyczne
(literalne porównanie znak-po-znaku)
nie
Długość wprowadzonych tekstów
Długość pierwszego tekstu152
Długość drugiego tekstu151
Różnice znalezione w dokumentach CSS
Liczba nowych fragmentów6
Liczba usuniętych fragmentów6
Liczba niezmienionych fragmentów7

Trochę informacji#

  • Kaskadowe arkusze stylów (ang. Cascading Style Sheet w skrócie CSS) to sposób opisu wyglądu stron internetowych.
  • CSS ma postać tekstu zrozumiałego dla człowieka.
  • Kaskadowe arkusze stylów pozwalają rozdzielić treść strony od sposobu jej prezentacji.
  • W treści CSS znajdują się takie informacje jak np.
    • wielkość, rodzaj oraz czcionki,
    • tło dla całej strony lub poszczególnych elementów,
    • wizualne rozmieszczenie elementów względem siebie,
    • itd.
  • Strony www pozostają poprawne po usunięciu z nich danych CSS, jednak mogą występować na nich trudności w zrozumieniu niektórych elementów wizualnych. Przeglądarki działające w trybie tekstowym ignorują dane CSS lub uwzględniają je w niewielkim stopniu.

Jak się tego używa#

  • Po prostu wklej lub wpisz dwa teksty, które chcesz porównać w pola oznaczone pierwszy tekst oraz drugi tekst.
  • Poniżej automatycznie pojawi się lista różnic znalezionych pomiędzy wprowadzonymi tekstami (o ile istnieją).

Co oznaczają poszczególne pola tego calculla-tora ??#

  • Sposób porównywania - określa sposób w jaki powinniśmy podzielić tekst zanim zaczniemy go porównywać, dostępne opcje to:
  • wielkość liter ma znaczenie - zaznacz tę opcję, jeśli chcesz wykonać porównanie z uwzględnieniem wielkości liter, wówczas np. wyrazy calculla, CALCULLA oraz CaLcUlLa będą traktowane jako trzy różne słowa,
  • ignoruj białe znaki - opcja dostępna tylko podczas porównywania słów, linii lub zdań, zaznacz tę opcję jeśli odstępy pomiędzy porównywanymi elementami (słowa, zdania itd.) nie mają dla Ciebie znaczenia,
  • pierwszy tekst - oryginalny, wzorcowy tekst, który chcemy porównać,
  • drugi tekst - zmodyfikowany tekst, w którym szukamy różnic względem tekstu wyjściowego,
  • czy teksty są identyczne - tak, jeśli nie znaleziono różnicy pomiędzy wprowadzonymi tekstami, nie w przeciwnym wypadku,
  • znalezione różnice - lista znalezionych różnic pomiędzy pierwszym, a drugim tekstem,
    • znaki pokolorowane na czerwono oznaczają znaki usunięte (tzn. takie, które występują w pierwszym tekście, ale nie występują w drugim),
    • znaki pokolorowane na zielono oznaczają znaki dodane (tzn. takie, które nie występowały w pierwszym tekście, ale pojawiły się w drugim),
    • znaki, które pozostały identyczne w obu tekstach są prezentowane standardową, szarą czcionką.

Zobacz również#

  • Jeżeli zainteresowały Cię kalkulatory do porównywania dokumentów zobacz na nasze inne kalkulatory:

Tagi i linki do tej strony#

Jakie tagi ma ten kalkulator#

Permalink#

Poniżej znaduje się permalink. Permalink to link, który zawiera dane podane przez Ciebie. Po prostu skopiuj go do schowka i podziel się swoją pracą z przyjaciółmi:

Linki do innych stron na ten temat (poza Calcullą)#

JavaScript failed !
So this is static version of this website.
This website works a lot better in JavaScript enabled browser.
Please enable JavaScript.