From f2da01d2eeaaf292c4dd359c2ca8ea9c88ce2a82 Mon Sep 17 00:00:00 2001 From: tory-inflab Date: Mon, 2 Jan 2023 00:13:08 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=EB=AF=B8=EC=82=AC=EC=9A=A9=20css=20?= =?UTF-8?q?=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- defer-css.css | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/defer-css.css b/defer-css.css index 9a79e5e..74a3bfc 100644 --- a/defer-css.css +++ b/defer-css.css @@ -12,10 +12,6 @@ border-radius: 2px; } -.accordion-btn:hover { - background-color: #87cefa; -} - .container { display: none; padding: 0 18px; @@ -55,9 +51,3 @@ h1 { color: blue; text-align: center; } - -h3 { - word-spacing: -5px; - background-color: #eee; - text-align: center; -} From 320234bcd43a24816bde8919bc370760f89d0473 Mon Sep 17 00:00:00 2001 From: tory-inflab Date: Mon, 2 Jan 2023 00:33:52 +0900 Subject: [PATCH 2/2] =?UTF-8?q?=ED=95=84=EC=88=98=20css=20html=20internal?= =?UTF-8?q?=20style=EB=A1=9C=20=EC=A0=81=EC=9A=A9=20=EB=B0=8F=20=EB=B9=84?= =?UTF-8?q?=ED=95=84=EC=88=98=20=EC=A7=80=EC=97=B0=20=EB=A1=9C=EB=94=A9=20?= =?UTF-8?q?=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- defer-css-unoptimized.html | 130 +++++++++++++++++++++++++++---------- defer-css.css | 25 ------- 2 files changed, 96 insertions(+), 59 deletions(-) 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 74a3bfc..e545a46 100644 --- a/defer-css.css +++ b/defer-css.css @@ -1,23 +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; -} - -.container { - display: none; - padding: 0 18px; - background-color: white; - overflow: hidden; -} p { font-size: 18px; @@ -45,9 +26,3 @@ p { text-overflow: clip; color: #228b22; } - -h1 { - word-spacing: 5px; - color: blue; - text-align: center; -}