3-5 cssで文字装飾のやり方
文字大きさのプロパティ
font-size
ページの基準を設定したいとき、どのセレクターを書く?
html
適切な文字のサイズは?
15-18px
フォントの種類を指定するプロパティ
font-family
日本語名、スペースが入ってる値の場合はどうする
“←で囲む→”
文字の太さを指定するプロパティ
font-weight
文字の揃え方を指定するプロパティ
font-align
揃え方の値4種類
right, left, center, justify(両端ぞろえ)
※実際に書いた練習がこちら⤵
![](https://shiratama0000.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-07-090619-1024x623.png)
3-6ウェブフォントを使ってみる
気に入ったGoogle fontを入れるには?
①htmlのヘッドタグにhtml用リンクをそのまま張り付ける
②指定したいタグをセレクターにして、Css用のプロパティと値を張る
3-7色を付けってみる
色を指定する三つの方法
①カラーコード
②RGB値
③英語の色の名前
カラーコードの仕組みは?
・0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,fの16進数(0が白、fが黒)
・左の2つが赤、真ん中の2つが緑、右の2つ青の度合い
RBG値の仕組みは?
・赤・緑・青をそれぞれ255段階で表したもの
・上がれば上がるほど明るくなる
RBG値のプロパティにaを足すと?
Alpha値を指定できる
Alpha値とは?
透明度のこと
Alpha値の値をどう書く?
0-1の値で指定(0が完全透明)
例 rgba(255,255,255,.5)
背景の色を指定するプロパティは?
background-color
無彩色とは?
色味がない色⤵
![](https://shiratama0000.com/wp-content/uploads/2023/07/スクリーンショット-2023-07-07-095142.png)
無彩色のカラーコードの特徴は?
同じ数値が並ぶような値
コメント