[フロントエンドの研究ノートのday17] 3.1。CSSの基本的な文法や基本的な文法ページ参照+ CSS + CSSページの導入方法

3.1。CSSの基本的な文法やページの参照

CSSとページ参照の基本的な構文

CSSの基本的な構文

CSSの定義は次のとおりです。

セレクタ{属性：値;属性：値;属性：値;}

セレクタは、ページアップとスタイルに関連付けられている要素の名前である、スタイルプロパティは、1つ以上の値が提供される属性ごとに望ましい属性です。コード例：

/*
    css注释 ctrl+shift+"/"
*/


div{ 
    width:100px; 
    height:100px; 
    color:red 
}

CSSページの導入方法：

1は、アウトリーチ式：リンクタグをページに外部スタイルシートにリンクされています。

<link rel="stylesheet" type="text/css" href="css/main.css">

2は、埋め込まれた：スタイルタグによって、ページに埋め込まれたスタイルシートを作成します。

<style type="text/css">
    div{ width:100px; height:100px; color:red }
    ......
</style>

3、インライン：スタイル属性タグ、ラベルに直接書き込みパターン。

<div style="width:100px; height:100px; color:red ">......</div>