タグ : css
簡単便利！Font Awesomeを使ってみましょう！3
こんにちは。フローラです。 前回はFont Awesomeの使い方応用編で、アイコンの大きさや色を変えたりくるくる回したりしました。 Font Awesomeを初めて使ってみると、色々なカスタマイズのアイデアが浮かぶかも …
要素の位置を変えたい、移動したい時はPositionプロパティの使い方
要素の位置を変えたい、移動したい時はPositionプロパティの使い方 positionは各要素の配置に関する基準を設定するプロパティです。 その要素が本来ある位置を基準とする方法(相対位置)や、直接配置場所を設定して配 …
要素を自由に配置できる CSS フレキシブルボックスの使い方
CSS フレキシブルボックスとは？ Flexboxとは「Flexible Box Layout Module」のことで、その名の通り簡単にレイアウトが組むことができるボックスです。 前々からあった技術なようですが、ブラウ …
簡単便利！Font Awesomeを使ってみましょう！２
こんにちは！フローラです。 前回の私の記事ではFont Awesomeについてご紹介しました。 Font Awesomeを使う準備作業、基本的な使い方について解説しましたが、綺麗に表示されましたでしょうか！？ 今回は応用 …
marginとpaddingの使い方
marginとpaddingの使い方 margin・・・・・要素の外側の余白 padding・・・・・要素の内側の余白 私は始めmarginとpaddingのどっちがどっちかわからなかったです(笑)慣れれば、そんなことも …
簡単便利！Font Awesomeを使ってみましょう！
Font Awesome（フォントオーサム）とは？ 皆さまこんにちは！フローラです。 突然ですがアイコンは何で表示させていますか！？ 私がWEB制作の仕事をしていた数年前はアイコンは当たり前のように画像ファイルで作ってい …
スマートフォンでのスクロールがカクカクする時
みなさま、こんばんは！ 今回はレスポンシブデザインに絡んで、ひとつ勉強になったので記事書いてみます。 今日はいつもよりさらに短い記事なのでご用心ください！（なにを!?） 今回のテーマ クライアント様のサイト制作をレスポン …
マウスオーバーで画像を透過にする【CSS】
2017.6.21 CSS
皆さまこんにちは。 今回も備忘録がてら、CSSについての記事を掲載します。 そして今回も短くてすみません（汗 今回のテーマ では、本題です。 画像リンクの際、マウスオーバーで効果を付けたい場合に使用するCSSです。 以前 …
HTML pタグとdivタグの違いとは
pタグとdivタグの違いとは 「P」とは、段落を指定するためのタグで、「P」とは「Paragraph（パラグラフ）」の略です。 <p>～</p>で囲まれたテキストは1つの段落であることを示します。 …
CSSの意味と使い方
CSSの意味と使い方 ほとんどのWEBページはHTMLとCSSという言語でその見た目が作られています。 CSSとは、「HTMLのタグで囲んだ範囲の文字の色・大きさ・背景の色や配置などを指定するための言語」です。 CSSで …
