CSSを学ぶ。『position:fixed;』を使ってナビゲーションバーを固定する。
以前横並びのナビゲーションバーを作成しました。 そこで今回はこの『ナビゲーションバーを上部で固定する方法』について、初心者向けに解説していきます。 前準備 それで […]
CSS
CSSを学ぶ。display:flex;を使って横並びと中央寄せ
前回作成した『要素を重ねた画像』を横並びにして、中央寄せする方法を初心者向けに解説していきます。 今回のポイントは以下の２つです。 『display』プロパティに […]
CSSを学ぶ。positionプロパティを使って画像に文字を重ねる。
positionプロパティを使って、要素の重ね合わせをを解説していきます。 例として今回は画像の上にテキストを重ねて表示してみます。 初心者向けの解説ですので、分 […]
CSSを学ぶ。ブロックの概念と『display』を学ぶ。
CSSをやっていくに当たって、重要な概念を説明します。 それが『ブロック』です。 フレージングコンテンツとそれ以外のフローコンテンツは標準の表示形式が違います。 […]
知識共有プラットフォーム「ブレイン」の仕組みとはじめ方
ここ最近、SNSなどで圧倒的なスピードで広がっている『Brain』。 この『Brain』について調べましたので記事にしてみました。 初心者の方向けに解説しますので […]
CSSを学ぶ。横並びのナビゲーションバーを作る。
上の動画にあるような、よくサイトの上部で見かけるナビケーションバーの作り方について初心者向けに解説していきます。 一体どの様に作成されているのでしょうか。 実は作 […]
positionプロパティとabsoluteとrelativeを使うメリット
コンテンツが複数あるブログやサイトを作成したとします。 そんな時にサイズが変化するコンテンツ幅に、要素が追順するように配置をしたい場面がよくあります。 PCのブラ […]
CSSを学ぶ。floatプロパティの仕組みを学ぶ。
floatプロパティは初心者がつまずくポイントです。 「floatプロパティの仕組みについて理解すれば、使いこなすことができるはず！」っていうことで今回は仕組みに […]
- CSS, CSSを学ぶ。, font-weight, WEBデザイン, WEB制作,
CSSを学ぶ。font-weightでフォントの太さを指定する。
今回のポイント 今回はフォントの太さを変える指定方法について学んでいきましょう。 指定で使用するプロパティは『font-weight』です。 そしてこの『font […]
- CSS, CSSを学ぶ。, font-family, フォント,
CSSを学ぶ。フォントの指定を学ぶ。
今回のポイント フォントを変えるだけで、サイトの印象が大きく変わります。目を引くサイトを作成する為には必須と言っていい程の指定方法です。 今回は『font-fam […]
- box-shadow, CSS, CSSを学ぶ。, WEBデザイン, サイト制作,
CSSを学ぶ。box-shadowで影を付ける方法を学ぶ。
今回のポイント 今回は前回作成したブロックへ影を付ける方法を解説していきます。自身のサイトやブログを装飾するには、非常に役立つスキルとなります。 前準備 いつもの […]