プログラミング覚え書き

WEB製作覚え書き

ノート代わりに勉強した内容をまとめています。

CSS:文字のスタイルを定義

 

文字の色を定義

要素名{

  color:値;

}

f:id:midori_x:20191215183639p:plain

 

f:id:midori_x:20191215183918p:plain

 

f:id:midori_x:20191215184109p:plain

 

f:id:midori_x:20191215184244p:plain

 

f:id:midori_x:20191215184357p:plain

 

 

 

文字の大きさを定義

要素名{

  font-size:値;

}

f:id:midori_x:20191215184444p:plain

 

 

文字の書体を定義

要素名{

  font-family:値;

}

f:id:midori_x:20191215184707p:plain

書体一覧

 

f:id:midori_x:20191215190017p:plain

 

 

Webフォント

f:id:midori_x:20191218230922p:plain



 

f:id:midori_x:20191218231320p:plain

f:id:midori_x:20191218231402p:plain

 

f:id:midori_x:20191218231415p:plain

f:id:midori_x:20191218231436p:plain

f:id:midori_x:20191218231513p:plain

f:id:midori_x:20191218231523p:plain





文字の太さを定義

要素名{

  font-weight:値;

}

f:id:midori_x:20191215190241p:plain

 

 

文字のスタイルを定義

要素名{

  font-style:値;

}

f:id:midori_x:20191215190520p:plain

 

 

文字の装飾を定義する

要素名{

  text-decoration:値;

}

f:id:midori_x:20191215190731p:plain

underline  overline  line-through  none

 

 

 

行揃えを定義

 要素名{

  text-align:値;

}

f:id:midori_x:20191215191218p:plain

 ※テキストだけではなく、imagなどのインライン要素の位置を揃えたい場合に使用する。その際、セレクタに指定するのは、揃えたい対象の親要素とする。

 

 

インデントを定義する

要素名{

  text-indent:値;

}

f:id:midori_x:20191215191350p:plain

 

 

行の高さを定義

要素名{

  line-height:値;

}

f:id:midori_x:20191215191611p:plain

 

 

body{

font-family:

-apple-system,
BlinkMacSystemFont,
"Helvetica Neue",
Meiryo,
"Yu Gothic",
YuGothic,
sans-serif;

line-height: 1.6;

 }