텍스트 비교

두 텍스트 파일의 차이점을 찾아보세요

표시

레이아웃

실시간 편집공백 변경 숨기기변경 없는 행 숨기기줄바꿈 비활성화

비교 단위

구문

처리

Diffchecker Desktop 가장 안전하게 Diffchecker를 사용하는 방법. 데스크톱 앱을 사용하면 비교 데이터가 외부로 전송되지 않습니다!데스크톱 앱 받기

Untitled diff

생성일 8년 전비교 결과 만료 없음

58 삭제

행
총
삭제

글자
총
삭제

이 기능을 계속 사용하려면 업그레이드해 주세요 Diffchecker Pro 요금제 보기

179 행

204 추가

행
총
추가

글자
총
추가

이 기능을 계속 사용하려면 업그레이드해 주세요 Diffchecker Pro 요금제 보기

323 행

::before,

::after {

background-repeat: no-repeat; /* 1 */

box-sizing: border-box; /* 2 */

}

::before,

::after {

text-decoration: inherit; /* 1 */

vertical-align: inherit; /* 2 */

}

html {

line-height: 1.15; /* 1 */

cursor: default; /* 1 */

-webkit-text-size-adjust: 100%; /* 2 */

font-family:

system-ui,

/* macOS 10.11-10.12 */ -apple-system,

/* Windows 6+ */ Segoe UI,

/* Android 4+ */ Roboto,

/* Ubuntu 10.10+ */ Ubuntu,

/* Gnome 3+ */ Cantarell,

/* KDE Plasma 5+ */ Noto Sans,

/* fallback */ sans-serif,

/* macOS emoji */ "Apple Color Emoji",

/* Windows emoji */ "Segoe UI Emoji",

/* Windows emoji */ "Segoe UI Symbol",

/* Linux emoji */ "Noto Color Emoji"; /* 2 */

line-height: 1.15; /* 3 */

-moz-tab-size: 4; /* 4 */

tab-size: 4; /* 4 */

-ms-text-size-adjust: 100%; /* 5 */

-webkit-text-size-adjust: 100%; /* 5 */

word-break: break-word; /* 6 */

}

body {

margin: 0;

}

Text moved to lines 52-55

main {

display: block;

}

h1 {

font-size: 2em;

margin: 0.67em 0;

}

hr {

box-sizing: content-box; /* 1 */

height: 0; /* 1 */

overflow: visible; /* 2 */

}

Text moved from lines 10-13

main {

display: block;

}

nav ol,

nav ul {

list-style: none;

}

pre {

font-family: monospace, monospace; /* 1 */

font-family:

/* macOS 10.10+ */ Menlo,

/* Windows 6+ */ Consolas,

/* Android 4+ */ Roboto Mono,

/* Ubuntu 10.10+ */ Ubuntu Monospace,

/* KDE Plasma 5+ */ Noto Mono,

/* KDE Plasma 4+ */ Oxygen Mono,

/* Linux/OpenOffice fallback */ Liberation Mono,

/* fallback */ monospace; /* 1 */

font-size: 1em; /* 2 */

}

a {

background-color: transparent;

}

abbr[title] {

border-bottom: none; /* 1 */

text-decoration: underline;

text-decoration: underline; /* 2 */

text-decoration: underline dotted;

text-decoration: underline dotted; /* 2 */

}

strong {

font-weight: bolder;

}

code,

kbd,

samp {

font-family: monospace, monospace; /* 1 */

font-family:

/* macOS 10.10+ */ Menlo,

/* Windows 6+ */ Consolas,

/* Android 4+ */ Roboto Mono,

/* Ubuntu 10.10+ */ Ubuntu Monospace,

/* KDE Plasma 5+ */ Noto Mono,

/* KDE Plasma 4+ */ Oxygen Mono,

/* Linux/OpenOffice fallback */ Liberation Mono,

/* fallback */ monospace; /* 1 */

font-size: 1em; /* 2 */

}

small {

font-size: 80%;

}

sub,

::-moz-selection {

sup {

background-color: #b3d4fc; /* 1 */

font-size: 75%;

color: #000; /* 1 */

line-height: 0;

text-shadow: none;

position: relative;

vertical-align: baseline;

}

sub {

::selection {

bottom: -0.25em;

background-color: #b3d4fc; /* 1 */

color: #000; /* 1 */

text-shadow: none;

}

sup {

audio,

top: -0.5em;

canvas,

iframe,

img,

svg,

video {

vertical-align: middle;

}

audio,

video {

display: inline-block;

}

audio:not([controls]) {

display: none;

height: 0;

}

img {

border-style: none;

}

svg:not([fill]) {

fill: currentColor;

}

svg:not(:root) {

overflow: hidden;

}

table {

border-collapse: collapse;

}

button,

input,

optgroup,

select,

textarea {

font-family: inherit; /* 1 */

font-family: inherit;

font-size: 100%; /* 1 */

font-size: inherit;

line-height: 1.15; /* 1 */

line-height: inherit;

margin: 0; /* 2 */

}

button,

input { /* 1 */

input,

overflow: visible;

select {

margin: 0;

}

button,

button {

select { /* 1 */

overflow: visible; /* 1 */

text-transform: none;

text-transform: none; /* 2 */

}

button,

[type="button"],

[type="reset"],

[type="submit"] {

-webkit-appearance: button;

}

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

Text moved with changes to lines 242-247 (91.6% similarity)

[type="submit"]::-moz-focus-inner {

border-style: none;

padding: 0;

}

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

outline: 1px dotted ButtonText;

}

fieldset {

padding: 0.35em 0.75em 0.625em;

}

input {

overflow: visible;

}

legend {

box-sizing: border-box; /* 1 */

color: inherit; /* 2 */

display: table; /* 1 */

max-width: 100%; /* 1 */

padding: 0; /* 3 */

white-space: normal; /* 1 */

저장된 비교 결과

원본

파일 열기

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

수정본

파일 열기

*,
::before,
::after {
  background-repeat: no-repeat; /* 1 */
  box-sizing: border-box; /* 2 */
}

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

html {
  cursor: default; /* 1 */
  font-family:
    system-ui,
    /* macOS 10.11-10.12 */ -apple-system,
    /* Windows 6+ */ Segoe UI,
    /* Android 4+ */ Roboto,
    /* Ubuntu 10.10+ */ Ubuntu,
    /* Gnome 3+ */ Cantarell,
    /* KDE Plasma 5+ */ Noto Sans,
    /* fallback */ sans-serif,
    /* macOS emoji */ "Apple Color Emoji",
    /* Windows emoji */ "Segoe UI Emoji",
    /* Windows emoji */ "Segoe UI Symbol",
    /* Linux emoji */ "Noto Color Emoji"; /* 2 */

line-height: 1.15; /* 3 */
  -moz-tab-size: 4; /* 4 */
  tab-size: 4; /* 4 */
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

main {
  display: block;
}

nav ol,
nav ul {
  list-style: none;
}

pre {
  font-family:
    /* macOS 10.10+ */ Menlo,
    /* Windows 6+ */ Consolas,
    /* Android 4+ */ Roboto Mono,
    /* Ubuntu 10.10+ */ Ubuntu Monospace,
    /* KDE Plasma 5+ */ Noto Mono,
    /* KDE Plasma 4+ */ Oxygen Mono,
    /* Linux/OpenOffice fallback */ Liberation Mono,
    /* fallback */ monospace; /* 1 */

font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family:
    /* macOS 10.10+ */ Menlo,
    /* Windows 6+ */ Consolas,
    /* Android 4+ */ Roboto Mono,
    /* Ubuntu 10.10+ */ Ubuntu Monospace,
    /* KDE Plasma 5+ */ Noto Mono,
    /* KDE Plasma 4+ */ Oxygen Mono,
    /* Linux/OpenOffice fallback */ Liberation Mono,
    /* fallback */ monospace; /* 1 */

font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

::-moz-selection {
  background-color: #b3d4fc; /* 1 */
  color: #000; /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* 1 */
  color: #000; /* 1 */
  text-shadow: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input,
select {
  margin: 0;
}

button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

input {
  overflow: visible;
}

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

select {
  text-transform: none;
}

textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

details {
  display: block;
}

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

[hidden] {
  display: none;
}

[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}