タグ

Webデザインとcssに関するa4pocketのブックマーク (3)

  • あなたはどれにする?CSSの文字サイズ指定「px、em、%」 - デザインメモ

    CSS(スタイルシート)でfont-sizeを指定するとき、pxを使わない方がいいと聞いたことがあります。 ですが、pxで指定しないとなると、今度はemと%が出てきて、どれがいいんだ?といつもよくわからないまま使っていました。 なので、どれがいいのか?そもそもこの単位たちは何なのか?復習も兼ねて調べてみました! 目次 ・なぜ「px」で指定しない方がいいと言われているの? ・font-sizeにおけるpx、em、%の簡単な用語説明 ※一部修正・削除(2016年12月11日) ・px、em、%の違いは、絶対?相対? ・IEライクなfont-sizeの指定方法 ・古いIEを気にしない、スマホサイトは「rem」がおすすめ ※追記(2014年10月1日) なぜ「px」で指定しない方がいいと言われているの? むかしむかし「IE」で文字の拡大ができない問題 ブラウザには今見ているWebサイトを拡大できる

    あなたはどれにする?CSSの文字サイズ指定「px、em、%」 - デザインメモ
  • Flared Borders with CSS - Blog - Ordered List

    Ever wondered how to create an element that flares into another using only CSS? Here’s a quick tutorial using existing CSS attributes, in combination with CSS generated content, to produce the effect using no images at all, and no additional markup. And it falls back gracefully for older browsers.Let’s start with a mockup of what we want to build. And, if you want to jump right to the end, here’s

  • MdN Design|総合情報サイト

    ナビゲーションはコンテンツと分離したユーザーインターフェイスだが、1ページ内に配置される重要な要素である。デザインのテイストをあわせるときは、見出しや文などのコンテンツ要素と同化しないようにデザインする必要がある。リン クボタンが並ぶナビゲーションは通常、ul要素、li要素でリスト定義された箇条書きに対してスタイルを指定していく。ここで解説するサンプルでは、「ヘッダー領域+ナビゲーション領域+コンテンツ領域+フッター領域」といった標準的な構造のページを使用する【1-1】【1-2】。 【1-1】ヘッダー(header)+ ナビゲーションとコンテンツ(contentGroup)[ ナビゲーション(globalheader)+ コンテンツ] + フッター(footer)という構成 【1-2】

    MdN Design|総合情報サイト
  • 1