cssの不透明度、可視性、表示の違いは何ですか？

Question

私はCSSで使用されているこれら3つの用語と混同しています。 CSSの不透明度、可視性、および表示の違いは何ですか？

Answer 1

表示：

• はスクリーンリーダーで読むことができません。 bodyタグにdisplay: noneと入力すると、ページにはGoogleの空白ページとして表示されるため、Googleの結果にページが表示されることはありません。
• 高さ= 0
• 幅=アニメート0
• ：なし

可視性：

• はスクリーンリーダーで読むことができます。 visibility: hiddenをbodyタグに入力すると、ページはGoogleの結果に表示されますが、訪問者には空白のページが表示されます
• height = initial;
• width = initial;
• アニメーション：なし

不透明度：

• はスクリーンリーダーで読むことができます。 bodyタグにopacity: 0と入力すると、ページのポップアップはGoogleの結果に表示されますが、訪問者には空白のページが表示されます。
• 高さ=初期;
• width = initial;
• アニメーション可能：はい