day3
CSS
学習内容
CSSコード
id, class
CSSスタイルと同じクラス値を持っていても、CSSスタイルよりも早いインラインスタイルが適用されます.
親子関係コードは、
幅(幅)、高さ(高さ)
ウィンドウサイズ
div{
width: 100px;
height: 100px;
background-color: yellow;
}
ウィンドウのサイズに応じて幅と高さが変化します(%):
div{
width: 100%;
height: 100px;
background-color: yellow;
}
min-width: 600px;
max-width: 800px;
枠線のコードの作成border: solid 10px red;
border-radius: 50px red;
フォント
background-color: yellow;
color: rgb(123,111,21);
font-size: 80px;
font-style: italic;
アプリケーションfont-family: Arial, Times, sans-serif;
各種フォントが適用される場合は、前から順次支援できるフォントが適用されますfont-weight: 100;
数字が大きいほど、太さが太くなります.text-decoration: underline;
下線の適用text-decoration: line-through;
削除線の適用text-align: right;
右揃えインベントリ
list-style: none;
適用後▼
background
background-color: yellow;
background-image: url(주소);
background-image: url(주소);
background-repeat: repeat-x;
background-image: url(주소);
background-repeat: no-repeat;
background-position: left bottom;
難点
idとclassで親子関係を築く意味は頭の中では理解できたが、コードでは実現できない.
解決策
週末は復習を繰り返すしかありません...
学習の心得.
私は本当にできるかどうか心配しています.HTMLしかやっていないときに知っている部分が多くて、これからは面白くなりますが、CSSは目が見えないので、新しい学習心理で真剣に対応しなければなりません.
Reference
この問題について(day3), 我々は、より多くの情報をここで見つけました https://velog.io/@dameya94/day3テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol