8月25日Verlog

1261 ワード

大邱AI学校テキストリンク

CSS追加説明

CSS、通常のCSSをリセットする必要がある最大の理由は、ブラウザをまたぐためです.
ブラウザごとにHTML構文タグのデフォルト値が異なるため、これらの違いを解消する必要があります.

デフォルトcss属性を初期化するコード

htmlでstyle.cssにリンクして使用->カスケード特性

の利用

ブラウザ間の設計誤差、コードエラーの減少、部分初期化

は基本設計を少し修正した.すなわち

である.

出口ではあまり使われていません.

:root {
--変数名:属性値;
}

:root {
	--black: #18181a;  
	--brand-color: #9147ff;
	--font-size-40: 40px;
}

var(--変数名)

h1 {
	background-color: var(--black);
	font-size: var(--font-size-40);
	color: var(--brand-color);
}

選択者{
--変数名:属性値;
}

#intro {
	--font-color: blue;
	--font-size: 50px;
}

#intro p {
	font-size: var(--font-size);
	color: var(--font-color);
}

選択者(#intro)内でのみ変数が使用されます.

この問題について(8月25日Verlog), 我々は、より多くの情報をここで見つけました https://velog.io/@ryuyoungseo8232/825Velog

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol