[CSS]生活コードCSS教室まとめ

-3強-
​<!-- ... -->->c言語のアノテーションタグ
​<style>a {

   color:red;

}

</style>->styleラベルの値は必ずcssの効果を生みます.
一度に交換できます.重複除外は簡単
​
​
-4強-
​
cssを追加する方法は2つあります
​
1.styleタグを使用(すべて適用)
​
2.styleプロパティの使用(一部適用)<li><a href="2.html" style="color:red;text-decoration:underline;"> ​
​
-5強-
​
h1 {

font-size:45px;      //font size property

text-align:center;    //text align property

}
​
property->ラベルのプロパティ/検索でプロパティを取得!(開発者にとって、検索能力は非常に重要です)
​
​
-7強-
​
1.クラスセレクタ
class=“saw”//saw
.saw {

  color:gray;

}
->sawの前にどうやって貼るか、ラベルではなくclassなので.
​
★1つのクラスに複数の属性を含めることができる

ex)class="saq active"  ->띄어쓰기로 구분한다

​
​
2.アイデンティティ選択者
id="active"
#active {

 color:red;

}
​
※ラベル選択者<レベル選択者<アイデンティティ選択者
​
​
-8強-(ボックスタイプ)
​
border->ボーダー
​
1.画面全体のモデルを使用する:block level element(ex:h 1)
​
1-1.画面上のすべてのモデルに独自のボリュームを持たせます.

 ->display:inline;

​
2.独自のボリューム、コンテンツサイズを持つモデル:inline element
​
2-1:フルスクリーン書き込み

 ->display:block;

-デフォルトはcssで随時変更できます.
​
3.(tip)ラベルを見たくない->display:none;
​
4.コンマを選択することで重複を解消します.
ex)

h1,a{

        "  

        "

   }

​

重複を解消することもできます!
border-width:5px;
border-color:red;
border-style:solid;

​
->border:5px red solid; (順序重要x)
​
6.枠と字の間を白にしたいとき(字の周りにダウンがついているような気がする)
​
-->padding:20px;
​
7.枠線と枠線の間の余白を減らしたい場合
​
-->margin:0;
margin:20px;
​
​
8.
display:block;
width:100px; ->枠線サイズの変更
​
​
9.
コンテンツ->フォント
padding->フォント外、枠線内
border->枠線
外枠->外枠のスペース
​
​
★右クリック→チェックボタンクリック→開発者ツール
​
​
-9強-
縦線
​
border-right:1px solid gray;
​
垂直線の位置を移動するには、幅の値を調整します.
​
-10強-
こうし
​
1. <div>...</div> (block)
->何の意味もなく(h 1の代わりに)、設計目的のタグにのみ使用される
画面全体を使っているので改行します.
無色無味のラベル
​
2.span(inline)
->inlineラベル/改行なし/divラベルなどの意味はありません
​
3.
grid-template-columns:150 px 1 fr(残りのスペースが切れた);
​
​
-11強-
​
メッシュの使用
​
1.idがgridのタグに対して、displayをgridと指定する
2.grid-template-columns: 150px 1fr;
​
​
-12強-
​
メディアクエリ
->c言語のif文(条件文)
​
@media(min-width:800px) == screen width > 800px
->画面幅が800 pxより大きい場合
​
min:~スタート
最大:
​
​
-13強-
​
メディアクエリの書き込み
​
@media(max-width:800px){

#grid{

  display:block;

}

#grid ol{

  border-right:none;

}

h1{

  border-bottom: none;

}

}
​
​
-14強-
重複除外の重要性
style.cssファイルの生成->重複コードのコピー->style.css->2に貼り付けます.htmlへのリンクの追加
​
​
-15強-
cssで最も重要なのは「選択者」と「属性」です
授业が终わって、今は勉强内容を书くとても重要な时期です.
いろいろな実践を試みる