webフォントとはwebフォントとはWebサーバー上にフォントファイルを置き、Webデザイナーの意図するフォントを表示できるようにした技術である。 表示させたいフォントが手元にあるないに関わらず、ネット環境さえあれば様々なフォントを表示させることができ…

MediaQueryとはMediaQueryはデバイスの解像度やウィンドウ幅などの指定条件によって別々のcssを適応できる機能。デバイス別ウィンドウ幅 PC...960px以上 タブレット...959px～768px スマートフォン...767px 注意点 MediaQueryの記述がない場合はPCの画面表示…

プラグインを使用してlightbox（サムネイルの画像をクリックしたら画面が切り替わらずに、クリックしたサムネイルの大きな画像が出て来る）をつくる。①下記のサイトへ飛んで、ダウンロードボタンをクリック。 lokeshdhakar.com②zipデータを解凍する。使用す…

ブロックレベル要素 width(幅)をもっている。text-align:center(中央揃え)ができる。 インラインレベル要素 線の上に乗っている一文字として扱われる。だからtext-align:centerはできない。

一枚もののナビゲーションの画像を挿入するとき background:url(img/xyz.jpg) no-repeat x座標,y座標； イラストレーターのコツ x座標、y座標の考え方を意識しながら使おう。 感覚的ではなく、数値でオブジェクトを動かそう。

CSSでh,p要素の文字を動かしたい時 指定した文字文だけ下げる場合… text-indent: ○.○em 中央、右、左揃えのとき… text-aline: center/right/left

ナビゲーションを画像する場合、liに記述してある文字の処理の仕方 white-space:nowrap; …半角スペース・タブ・改行を１つの半角スペースとして表示し、ボックスの中の自動的な折り返しを禁止する text-indent:100%; …テキストの幅分だけ空白を入れてずらす …