diff --git a/defer-css-unoptimized.html b/defer-css-unoptimized.html index ec892fc..efe03ef 100644 --- a/defer-css-unoptimized.html +++ b/defer-css-unoptimized.html @@ -1,45 +1,107 @@ - - - Unoptimized - - - + + + Unoptimized + + + + +

Critical CSS Demo - Unoptimized

+

+ 이 데모는 아코디언 컨테이너 안쪽의 보이지 않는 문단을 포함하여 모든 + 스타일을 로드합니다. +

- -
-

This is an example of a paragraph that uses line breaks for text. This is an example of a paragraph that uses line breaks for text. This is an example of a paragraph that uses line breaks for text. This is an example of a paragraph that uses line breaks for text. This is an example of a paragraph that uses line breaks for text. This is an example of a paragraph that uses line breaks for text. This is an example of a paragraph that uses line breaks for text.

-
+ +
+

+ This is an example of a paragraph that uses + line breaks for text. This is an example of a paragraph + that uses line breaks for text. This is an example of a + paragraph that uses line breaks for text. This is an + example of a paragraph that uses line breaks for text. + This is an example of a paragraph that uses + line breaks for text. This is an example of a paragraph + that uses line breaks for text. This is an example of a + paragraph that uses line breaks for text. +

+
- -
-

This is an example of a paragraph that uses elipsis for the overflow text. This is an example of a paragraph that uses elipsis for the overflow text. This is an example of a paragraph that uses elipsis for the overflow text. This is an example of a paragraph that uses elipsis for the overflow text.

-
+ +
+

+ This is an example of a paragraph that uses elipsis for + the overflow text. This is an example of a paragraph that uses + elipsis for the overflow text. This is an example of a + paragraph that uses elipsis for the overflow text. This + is an example of a paragraph that uses elipsis for the + overflow text. +

+
- -
-

This is an example of a paragraph that trims text. This is an example of a paragraph that trims text. This is an example of a paragraph that trims text. This is an example of a paragraph that trims text. This is an example of a paragraph that trims text. This is an example of a paragraph that trims text.

-
+ +
+

+ This is an example of a paragraph that trims text. This + is an example of a paragraph that trims text. This is + an example of a paragraph that trims text. This is an + example of a paragraph that trims text. This is an + example of a paragraph that trims text. This is an + example of a paragraph that trims text. +

+
- - - + } + + diff --git a/defer-css.css b/defer-css.css index 9a79e5e..e545a46 100644 --- a/defer-css.css +++ b/defer-css.css @@ -1,27 +1,4 @@ /* Copyright 2018 Google LLC. SPDX-License-Identifier: Apache-2.0 */ -.accordion-btn { - width: 100%; - text-align: center; - font-size: 18px; - cursor: pointer; - color: #444; - background-color: #add8e6; - padding: 19px; - outline: none; - border: none; - border-radius: 2px; -} - -.accordion-btn:hover { - background-color: #87cefa; -} - -.container { - display: none; - padding: 0 18px; - background-color: white; - overflow: hidden; -} p { font-size: 18px; @@ -49,15 +26,3 @@ p { text-overflow: clip; color: #228b22; } - -h1 { - word-spacing: 5px; - color: blue; - text-align: center; -} - -h3 { - word-spacing: -5px; - background-color: #eee; - text-align: center; -}