月別アーカイブ: 2017年6月
float(フロート)の使いかた
float(フロート)の使い方について floatとは、指定された要素（<div>とか<p>）を右に寄せたり、左に寄せたりするときに使います。 ウェブサイトで見られるサイドバーやサイドメニューとか …
簡単便利！Font Awesomeを使ってみましょう！２
こんにちは！フローラです。 前回の私の記事ではFont Awesomeについてご紹介しました。 Font Awesomeを使う準備作業、基本的な使い方について解説しましたが、綺麗に表示されましたでしょうか！？ 今回は応用 …
marginとpaddingの使い方
marginとpaddingの使い方 margin・・・・・要素の外側の余白 padding・・・・・要素の内側の余白 私は始めmarginとpaddingのどっちがどっちかわからなかったです(笑)慣れれば、そんなことも …
ブロック要素とインライン要素の違い
ブロック要素とインライン要素の違い ブロック要素とは、文章の軸になる要素になります。 (見出し(<h1>~<h6>)、段落など(<p>))これらは、特にスタイルを指定しない場合、幅を画 …
簡単便利！Font Awesomeを使ってみましょう！
Font Awesome（フォントオーサム）とは？ 皆さまこんにちは！フローラです。 突然ですがアイコンは何で表示させていますか！？ 私がWEB制作の仕事をしていた数年前はアイコンは当たり前のように画像ファイルで作ってい …
スマートフォンでのスクロールがカクカクする時
みなさま、こんばんは！ 今回はレスポンシブデザインに絡んで、ひとつ勉強になったので記事書いてみます。 今日はいつもよりさらに短い記事なのでご用心ください！（なにを!?） 今回のテーマ クライアント様のサイト制作をレスポン …
マウスオーバーで画像を透過にする【CSS】
2017.6.21 CSS
皆さまこんにちは。 今回も備忘録がてら、CSSについての記事を掲載します。 そして今回も短くてすみません（汗 今回のテーマ では、本題です。 画像リンクの際、マウスオーバーで効果を付けたい場合に使用するCSSです。 以前 …
HTML リンクを貼る、リンク画像を貼る方法
HTML リンクを貼る、リンク画像を貼る方法 リンクにはリンク元（始点）とリンク先（終点）という情報が必要です。リンク元になる部分（クリックできる部分）は<a>要素で示します。リンク先は、この<a> …
CSS3について
CSSとは？おさらいです ウェブページのスタイルを指定するための言語です。 構造は下記の通りです。 例）セレクタ{プロパティ:値;} p{ color:red; } p要素のテキストの色は赤、という意味になります。 CS …
HTML4とHTML5の違いについて
初めまして。CyberGreenWEBの更新作業をすることになりました新人のフローラです。これから皆様のお役に立つような記事を掲載していきたいと思いますので、よろしくお願いたします！ 久しぶりにWEB制作の仕事に戻り分か …
