カテゴリー
未分類

20200227

20200227

◯CSS

・文字のカラー変更
h1を青色に変更したいときは

h1 {
color: blue;
}

と書き込む

また、
色の指定方法は他にもあって、
color: rgb(0,255,0);
color: #00ff00;
color: #0f0;

RGBで指定したり、16進数で指定したりできる。
モック作成でよく使用するのは16進数なのでこれがメインか?

・フォントの設定
bodyの中身に
font-family: verdana,sans-serif;

と入力するとフォントの指定ができる

・ボックスモデルの確認
検証でComputedを開くとボックスモデルが見れる
padding、border、marginを設定することによって見た目を変えることができる

どの数値をいじればどこが変わるかはモック作成のときにいじったので覚えている

・margin
margin-top: 0px;
とすることで周りの余白を消すことが出来る

#6まで終了

わかりやすいのでサクサク見れた。
あとは使って覚えていきたい。

2 replies on “20200227”

スマホのTOPの新着記事件数少なくない?
何件か見落としてたようだ、、

rgb使えると透過処理で幅が出るようになるね
margin.padding.borderがdeveloperToolからブラウザ上でサクサク確認・修正できるようになったら大きな全身だと思う

いいね

漆黒の剣士 〒 キリト 〒 への返信 コメントをキャンセル

WordPress.com で次のようなサイトをデザイン
始めてみよう