ストップウオッチを作ってみよう➂
CSSでデザインする
ストップウォッチ
0
解説
| .title { text-align: center; } | 文字を中央寄せにします。 |
| #stopwatchpanel { margin: 0 auto; width: 10em; } | 中央寄せにして幅を設定します。 |
| .display { font-weight: bold; text-align: right; height: 2.0em; margin-bottom: 0.3em; background-color: burlywood; } | 文字を太文字にし、右側に文字を設定し、高さを2.0emにし、margin-bottomでボタンとの距離を少し空け、背景色を決めます。 |
| .actions { text-align: center; margin-bottom: 1em; } | 文字を中央寄せにします。margin-bottomで底から1文字分を空けます。 |
| .startButton { margin-bottom: 1em; } | 底から1文字分を空けます。 |
お疲れ様でした。今回はここまでにしましょう。ゆっくりマイペースで継続しましょう。先に進みたい人はこちらからどうぞ。
一つ前に戻り復習したい人はこちらからどうぞ。
この本から引用、参考にして学び、完成させることができました。しかし、ここではプログラミング初心者の私が詳しく解説することは、おこがましく、難しく出来ません（ToT）
その点、この本では丁寧な解説が載っていますので、解説とともにコードを書き、完成させればより深く学ぶことができます(^.^)、実際、初心者の私でもわかりやすかったです。身に付け消えないスキルが3,000円弱ならコスパよく、買っておいてよかったと満足してます。
わからないことはプロフェッショナルから学ぶのが一番 | The best way to learn what you don't know is from professionals.
キャリアアップに必要なスキルを取得しよう。| Get the skills you need to advance your career.
オンラインで受講ができるスクールですので、全国どこからでも。 | Since it is a school where you can take classes online, you can take it from anywhere in the country.
ぺージの先頭に戻る(Return to top of page)
©2020年9月 Challenge programming