03章快速終了CSS基本文法
7586 ワード
📖 崔成日!インタラクティブWebページの作成、Izzie Publishing、2021
link:cssを入力して戻る🔽
linkタグのhrefプロパティ値を使用してパスを変更する
Webドキュメントがハングルをサポートしていることを示す符号化方法
以前習ったCSSセレクタをもう一度復習します.各要素のフォント,アイコンの指定からサイズ,マージン,背景,レイアウト構成までのCSS造形構成全体を学習した.
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造形構成全体を学習した.
Reference
この問題について(03章快速終了CSS基本文法), 我々は、より多くの情報をここで見つけました https://velog.io/@iris-dev/03장-CSS-기본-문법-빠르게-끝내기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol