zono note

zono note

日々の学び、気付きを大切に綴りたい

CSS learning memo no.1

コメントアウト・headで編集』
CSS learning memo no1.
 
CSS まとめ

#1  コメントアウトするには  /*    */  で囲む

#2  HTMLを編集する方法
headに詳細を入力する方法(タイトルの下に)
	<title>CSS Practice </title>
	<style>
	          p{color : orange ;}
	</stkle>

#3  直接対象のタグに入力する方法
	お勧めしない
        <p style="color: violet;">こんにちは</p>

#4  cリンクを貼って、CSSファイルに設定してhtmlファイルに反映させる。
	ヘッドの部分に
	<title> css practive </title>
	<link rel ="stylesheet" href="style.css">

#5  セレクタ {  プロパティ名 :値 ;}
      セレクタ {
         	     プロパティ名 :値 ;
	             プロパティ名 :値 ;
                                                  }
#6   ユニバーサルセレクタ	 
      すべての要素を選ぶ*をつける
      要素名 p h1 div

#7   同じ行の文字、色を変える
	<span>で囲む