”HTML・CSS”カテゴリーの投稿一覧です。

HTML・CSSの記事

ボタンをクリックすることで、「お気に入り」に登録させる方法です。 完成イメージ ブックマーク(お気に入り)ボタンをクリックします。 「お気に入りの追加」ダイアログを表示します。 お気に入り登録ボタン設置 問題点 非対応ブラウザ向けコード スマホでは設置し…

4898 Views

  • 投稿日:2015/04/13
  • カテゴリー:

よく利用されているWEBサービスのアイコンフォントの使い方を紹介します。 完成イメージ Webフォントアイコンとは IcoMoonでWebフォントアイコンの作成 WordPressにWebフォントアイコンを実装 Webフォントアイコンとは W…

1169 Views

  • 投稿日:2015/04/02
  • カテゴリー:

表を表現したいときにtableタグを利用します。また、css3の登場によりtableの行を偶数と奇数に分類できるようになりました。css3未対応のブラウザでもJQueryを使ってストライプ(しましま)デザインにすることができます。 完成イメージ アコーディオンメニューとは? …

1222 Views

  • 投稿日:2015/03/10
  • カテゴリー:

フォント次第でサイトの印象は思った以上に変わります。 従来Webサイトで表示されるフォントは、ユーザーの利用環境に依存していました。そこで、CSS3で登場した「@font-face」を利用します。 未対応のIEでも好きなフォントでタイポグラフィを表示できます。 完成イメージ デフォルトで表示さ…

1050 Views

  • 投稿日:2015/01/23
  • カテゴリー:

条件付コメントとは、コメントで囲われた部分の表示・非表示をバージョンによって分けることです。例えば、IE用のバージョンごとに読み込むCSSをかえるときに使用します。レスポンシブWEBデザインでよく使います。 ※条件付コメントは、IEの独自仕様です。 条件付コメント書式 (例 …

936 Views

  • 投稿日:2015/01/11
  • カテゴリー:

 CSSスプライトとは、アイコンやロゴを1つの画像にまとめ、背景として読み込む手法です。 HTTPリクエストの数を減らすことができるため、サイトパフォーマンスに劇的な効果があります。 完成イメージ 1つの画像ファイルを読み込み、分割して表示します。 手順 ①アイコンの画像を用意しま…

656 Views

 HTMLのHeader部分は、meta要素(keydowordsやdescription)、link要素、script要素、tittle要素を記述します。Webサイト内で共通利用するファイルなどを基本セットを統一します。複数人が共同でWEBサイトを作る場合は、記述ルールを策定してスタッフ内で共…

1410 Views

 以下がDOCTYPE宣言です。HTMLファイルの文頭に記述します。 <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> DOCTYPE宣…

932 Views

 CSS3は、現在利用されているCSS2.1の次期バージョンです。 以下がCSSの記述方法の基本的な記述です。CSS3でも何ら変わっていません。 セレクタ { プロパティ : 値 ; } 以前のCSSから書き直す必要は無し  既存のCSS・HTMLを書き換える必要はありません。 「…

508 Views

Webprogram

CSSを記述する際、「ある要素すべて」を一括して装飾するのでは なく、「ある要素のうち一部だけ」を装飾したい場合があります。 そんな時、HTML側のタグにid属性またはclass属性の2種類を使い ます。 class属性の例 CSSにclass属性を使う場合は、以下…

1061 Views

プロフィール

名前:イワサキ ユウタ 職業:システムエンジニア、ウェブマスター 誕生:1986年生まれ 出身:静岡県 特技:ウッドベース 略歴 2008年04月 金融機関系I

最近の投稿
人気記事
カテゴリー
広告