2022-02-18 css2

テキストスタイル
color
テキスト色の属性の変更
選択者{color:色名英語|#16進数rgb|rgb(r,g,b)|rgba(r,g,b,a)}

.c1{
    color: blue;
}

.c2{
    color : #00ff;
    /*
    파란색
    r : 00
    g : 00
    b : ff
    #0000ff -> 00f (같은수가 반복될 경우에는 하나로 줄일 수 있음 그러나 해당안되는 경우가 더 많음)
    */
}

.c3{
    color : rgb(0,0,255);
}

.c4{
    color : rgba(0, 0, 255, 0.7)
    /*a는 투명도값*/
}

text-decoration
テキストに線を引いたり、行を削除したりするために使用します.
選択者{text-chention:none|下線|上線|line-through}
下線:下線
上に線を引く:上に線を引く
line-through:これ
text-transform
英語テキストの大文字と小文字の変換
選択者{text-transform:none|大文字|小文字}
大文字:大文字のみ
大文字:大文字を使う
小文字:小文字
text-shadow
スタックに投影
選択者{text-shadow:none|水平距離垂直距離変化度合い}

.ts1{
    color: orangered;
    text-shadow: 10px 10px 10px orange, 7x 7x 7px coral;
}

white-space
スペースのプロパティの操作
選択プログラム{white-space:normal|nowrap|pre|pre-line|pre-wrap}
letter-spacing/word-spacing
文字間隔のプロパティ
選択者{letter=spacing:間隔;word-spacing短間隔}
text-align
文字の配置
選択プログラム{text-alight-aligntext-alight-align|left|right|center|previtif}
text-indent
インデント
{text-ident:インデント間隔}を選択
line-height
文間の行間
選択者{line-height:行間隔;}
text-overflow
領域外のテキストのプロパティの処理
選択プログラム{text-overflow:clip|省略記号}
リストスタイル
list-style type
リスト記号のスタイル

ul:選択者{list-style-type:dics|円形|四角|none}
square:四角■
circle : ○
none:リスト記号なし

ol:円卓{list-style-type:decimal|decimal-lead-zero
| lower-roman | upper-roman | lower-alpha | upper-alpha}
意味はそのまま使えますか?

list-style-image
シンボルの代わりに画像を使用
{list-style-image:url(画像ファイルパス)}を選択

 .ul4{
       list-style-image: url(image/kakao.jpg);
}

list-style-position
リストシンボルをインデントするかどうか
選択者{list-style-position:inner|outher}
outside:基本的にoutside状態であり、リストの外部にインデントされます.
中:奥へ.
list-style
上記のすべてのリストスタイルのプロパティを一度に指定します.
選択者{list-style:type position image}

 .ul7{
       llst-style: square inside url(image/kakao.jpg);
}

レイアウトスタイル
width/height
コンテンツが占める領域のサイズを変更するプロパティ
選択者{width:数値(単位);height:数値(単位)}

.div1{
    /*블록요소 넓이를 지정하지않으면 부모 넓이의 100% // width 지정*/
    width: 500px;
    height: 100px;
    background-color: blanchedalmond;
}

.div2{
    width: 50%;
    height: 100%;
    background-color: aquamarine;
}
등등

display
エレメントのスクリーン配置方法のプロパティを変更するには
選択プログラム{display:none|block|inline|inline-block|flex}
block:ブロック形式で配置するように変更
inline:行内レイアウトに変更する
inline-block:ブロックシェイプなどのサイズを変更したり、ブロックシェイプとは異なる他の要素を横に挿入したりできます.
flex:わかりません...
外枠スタイル

border-style:枠線スタイルの指定
選択プログラム{border-"方向"-style:none|hidden|dashed|dotted
| double | groove | inset | outset | ridge | solid }

border-width:枠線の厚さ
選択プログラム{border-"方向"-width:thin|medin|thin|px}

border-color:枠線の色
選択者{border-「方向」-color:色値}

border:枠線スタイル、厚さ、色を一度に設定
選択者{border-[方向]:width style color}

border-radius:ボックスエッジを丸くするプロパティ
選択者{border=[方向]-radius:数字}

box-shadow:boxでシャドウ効果を持つプロパティ
選択者{box=shadow:水平距離垂直距離ぼかし広がりを生成}

ここまでだ!
今日はいつもより勝手に書いてあると思いますが・・・
私も感じました.
反省したけど今日はPostingはしたくないけど無理な感じ