- 運営しているクリエイター
2020年7月の記事一覧
HTML/ CSS 〜Progate道場コース中級編(全部通して自力でやってみよー💪body lessonからWebページの公開まで!)〜
目標3h20mのところ、前回、、、1h…50mくらい?(結構おおめにに見て😅)
コードを書けたのは、実際には、1h10mくらいだったけど(言い訳⚡️)、絶対に疑問や調べ物系が出るからややこしや…
めげずに、もうひと書き٩( 'ω' )و
【自分でやってみて、抜けていた箇所】
🌸body lesson
→.lesson-icon p{
position:absolute;
top:
HTML/ CSS 〜Progate道場コース中級編(全部通して自力でやってみよー💪headerから、body mainまで)〜
目標は3h20m!
【ボタン、アイコンの挿入】
サルワカさんのを用いて、ようやく、Font Awesomeさんの最新Ver.の方を使うことが出来ました。これまで、何故に出来んかったのだろう…🙄spanとiの違いかなぁ…
🌸サルカワさん紹介(最新)Ver.→<link rel="stylesheet" href="https://use.fontawesome.com/releases/v
HTML/ CSS 〜Progate道場コース中級編(bodyの背景画像・ボタンレイアウト・アイコンの挿入)〜
Progate道場で復習中。今日からraidingページの中級編。目標は3h20m⭐️
【背景画像の入力と、top-wrapperの作成】
🍀改行について→<br>を使うか、<h1><h1>にするか迷ったため。
→文章が長くなる場合(今回は<p>)、2つ使いをすることに。
🍀背景画像の挿入→
.containerではなく、.top-wrapperでコーディング。
🍀top-wra
HTML/ CSS 〜Progate道場コース初級編(全部通して、自力でやってみよー!→お問い合わせ内容とフッター⚠️中央揃え)〜
お問い合わせフォームとフッターの作成時間に関しては40分くらいで、気になったところや中央揃えの調べに約1時間かけました…😅今日は2km程先の踏切がたらふく見える公園に行ったから、子供たちも喜んで遊び、その後良く寝てくれました🥰おかげで昼活も1時間程出来たけど、自分の遊び時間も作っちゃったから、夜活で補いましたとさ。
【お問い合わせ内容の作成と、フッターの作成】
🍀Atomでtextare
HTML/ CSS 〜Progate道場コース初級編(全部通して、自力でやってみよー!→body contentsまで)〜
【初級編のコーディングを、Atomを使ってやってみる!】
🍀cssをスムーズに適応させるために
🍀bodyのheader→<div class="header">のdiv忘れ😱
→プレビューの表示より修正。
🍀body {
font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
}
→ b
HTML/ CSS 〜Progate道場コース初級編(お問い合わせフォームの作成、フッター部分の作成)〜
【お問い合わせフォームの作成】
🍀前回の、<h3 class="section-title">でh3のclass設定を使用。
🍀inputとtextarea
🍀typeとvalue
⚠️.contact-formのpadding設定をしても一向に左隅に余白が出来ず、困った困った状態に…
→<div class>のdivが、divがぁぁぁ… dovに!!😱
【フッター部分の作成】