スパルタコードクラブ

3258 ワード
テキストリンク
感じたのは:コードのkkアルファベットの授業を聞いて、htmlのclassとbackground-colorなどの命令?わかりました.自分でボタンの大きさ、背景色、フォント色を変えたのは不思議です.
要点(レッスンから取得)

01.Web、サーバ、クライアントの動作概念



02.HTML、CSS基本内容


  • 3)HTMLとCSSの概念

  • HTMLはスケルトン、CSSはデコレーション!
    HTMLは領域とテキストを表すコードであり,CSSはキャプチャされた領域を修飾していると考える.HTMLのstyleプロパティを使用して装飾できますが、CSSファイルの誕生により、長い間組み合わせることができます.CSSファイルをHTMLコードにロードして適用します.

  • また、CSSを上手に使うことと「きれい」を作ることは2つの異なる分野(ペンを握ることと絵を上手に描くことの違い)であるため、Webデザイナーやプロフェッショナルに依存することが多い.

    • 03.CSSベース


  • 6)CSS基礎

  • CSSの使い方
    ~にスペースを作成します.
    次のコードは、いくつかの簡単な使用方法を提供します.
    mytitleという名前のクラスを指す場合.mytitle { ... } 必ず書きます!覚えておいてください.

  • すべてのCSSを知るわけがないでしょう~~今日使うのもとても良いことだけを知っています!
    残りは検索して書けばいい~!
    배경관련
background-color
background-image
background-size

사이즈
width
height

폰트
font-size
font-weight
font-famliy
color

간격
margin
padding

    • 04.フォントを塗る


  • 8)Google Webフォントを使用

  • Google Webフォント

  • [コード断片]-Google Webページフォント
    (1)好きなフォントをクリックします.
    (2)[+このスタイルを選択]をクリックします.
    「」をクリックします.
    (3)右上の[お気に入り](Favorites)アイコンをクリックします.

    (4)linkをコピー、~の間にCSSをコピーして置きます.


  • 例としてマスターフォントを追加し、次のコードをコピーできます.
    <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">
    * {
	font-family: 'Jua', sans-serif;
}
    • pt 26、2021、TIL(Today I Learned)-属性の計算、拡張、キャッシュで処理できない問題TroubleShooting
    CSS 3フラットスタイルブログ(メモ)