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からブラウザ上でサクサク確認・修正できるようになったら大きな全身だと思う
いいねいいね
記事の増やし方わからなかったので過去の更新分全部見れるようにフッターに設置しました!
いいねいいね