この記事でわかること 二つの要素の隙間をなくす方法がわかる 2つの要素を横に並べると隙間ができてしまうんだけど・・ 困るよね！今回はその隙間をなくしてみるよ でもどうやって隙間をなくすの？ 一度フォントサイズを初期化してから、また戻せばいいんだ …

こんにちは。ブログを見てたら最初の記事の要約とかで、この記事でわかること！みたいな感じで”チェックマーク（文章）”ってなってるのをよく見かけますよね できるとスタイリッシュだよね！今回はそれをしてみよう☆ でもどうするの？ 四角の小さい枠を作っ…

こんにちは、１２回目の今日は 吹き出しの顔アイコンと吹き出しを横に並べてみました。 どんどん実戦的になってきました。戦えるかな笑 アイコンと吹き出しを横に並べる方法 要素を横に並べる方法、吹き出しの詳細な説明は下のページからご覧下さい。 purech…

こんにちは、今日はスタイルシートで吹き出しを作ってみます。 コードの詳細がのっていないサイトが多いですが、ここでは詳細に説明しています コピペでは応用が全く効かなくていざ実戦！となった時に使えません。 吹き出しの作り方 まずは角が丸い四角を作…

こんにちは、今日はHTML,CSSの復習の10回目となります。 不具合で記事が消えたので書き直しました 涙 要素を横並びにする方法 要素を横に並べるには display : inline-block; /*要素を横並びにする*/ を追加するだけです。 まずは角が丸い四角を作ります。 …

こんにちは、今回はHMTLタグ,CSS復習の９回目です。 見出しにアイコンを入れてみます。 見出しにアイコンを入れてみる アイコンを入れない場合の見出しは purechan22.hatenablog.com のページも参照してください。 見出しにアイコンを入れない場合は ・スタ…

こんにちは、ぼちぼちの更新ですがもうHTML,CSS復習の8回目ですね。 今回は下線を蛍光ペンみたいにする方法です。 今までに復習したものを使っているので、少しずつ実践的になってきてうれしいです。 下線を蛍光ペンみたいにする方法 下線を蛍光ペンみたいに…

HTML要素について html要素とは例えば <p>これが一つのかたまり</p><div>これが一つのかたまり</div> というように タグの初めから終わりのところまでの部分のことをいいます。 <p>～～</p>までで一つの要素<div>～～</div>までで一つの要素 といった感じです。 block要素とは block要素とはそれ…

はてなブログをやってたら 改行する度に勝手にpタグがどんどん量産されて ｐタグとｐタグの間が広くなって見にくくないですか？ そこで今回はｐタグのｐタグの間の行間を狭くしてみます。 pタグ同士の行間を狭くする方法 ｐタグの行間が広くなる理由は、行間…