03章快速終了CSS基本文法

7586 ワード

📖 崔成日!インタラクティブWebページの作成、Izzie Publishing、2021

03-1 CSSをHTMLに接続する


外部CSSファイルをHTMLファイルにリンクする


link:cssを入力して戻る🔽
linkタグのhrefプロパティ値を使用してパスを変更する
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="assets/css/style.css">
  </head>
  <body>
  </body>
</html>

CSSファイルの文字コードの指定

@charset "utf-8";
☝🏻 CSSファイルを開き、1行目にエンコード方式を作成します.以下のようにします.
Webドキュメントがハングルをサポートしていることを示す符号化方法

03-2 CSSを使用して異なるHTML要素を選択


游戏学习的选择者:CSS Dianer



03-3フォントモデリング


Google Webフォワードの使用:Google Fonts

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');

p#text {
  font-family: 'Monoton', cursive;
}

应用页面图像:Font Awesome

<head>
  <script src="https://kit.fontawesome.com/7ae3a6a91c.js" crossorigin="anonymous">
  </script>
</head>

<body>
  <i class="fab fa-android"></i>
</body>

今回の勉強で特にいいところや難しいところ、新しい認識のところ


以前習ったCSSセレクタをもう一度復習します.各要素のフォント,アイコンの指定からサイズ,マージン,背景,レイアウト構成までのCSS造形構成全体を学習した.