タグ

CSS3に関するmikasa06のブックマーク (4)

  • CSSの基本-list-style プロパティ

    list-style プロパティを理解する list-style プロパティはリスト先頭に表示するマーカーを指定する list-style-type プロパティ list-style-type 使用例 途中の番号から開始する 任意の番号や重複番号を振る 逆順の番号を振る list-style-image プロパティ list-style-image プロパティの使用例 list-style-position プロパティ list-style-position プロパティの使用例 list-style プロパティ list-style プロパティはリスト先頭に表示するマーカーを指定する list-style プロパティは、リストの先頭に表示するマーカーに関する指定をまとめて行う際に使用します。 マーカー指定には list-style-image プロパティ、list-style-positi

  • http://www.css-lecture.com/log/css3/css3-gradient.html

  • 画面サイズ別にCSSをメディアクエリで切り替える方法 [ホームページ作成] All About

    画面サイズ別にCSSをメディアクエリで切り替える方法画面サイズ別にCSSをメディアクエリで切り替える方法を解説。メディアクエリとは、画面サイズなどの閲覧環境に応じて適用スタイルを切り替えるCSSの機能です。レスポンシブWebデザインを作る際にも使い、HTMLのmedia属性値やCSSの@media規則で条件を指定します。スマホ専用スタイルや、PC等の広い画面幅向けスタイルなどを作成しておき、簡単に切り替えられます。 メディアクエリ(Media Queries)とは、画面サイズや画面解像度などの閲覧環境に応じて適用スタイルを切り替えられるCSSの機能で、CSS3から追加されました。従来からCSSの仕様にあった、デバイスの種類に応じて適用スタイルを切り替えられるメディアタイプ(Media Type)を拡張して作られた仕様です。 メディアクエリを使うことで、Webページの閲覧者が利用しているデバ

    画面サイズ別にCSSをメディアクエリで切り替える方法 [ホームページ作成] All About
  • PC用とスマホ用の表示切り替えをCSSだけで行う方法(その1) - ホームページ制作・システム構築・DB設計のユタシステム

    ホームページ制作 に関連する記事です。 PCサイトはもちろんスマホで閲覧することは可能だけれど、やはりスマホにはスマホ用のサイトを表示してあげることがユーザビリティ的にも必須であると考えている。 お使いいただいている方ならご存知であると思うが、スマホでPCサイトを閲覧するには文字が非常に小さく、拡大表示しないと閲覧不能なサイトも多い。 現在iphoneは「4」の時点だけれど、フラッシュは読めないし、何気に正確に意思伝達がなされないサイトが多々ある。 また、リンクが小さくなってしまいがちで、指でクリックするにはいささか小さすぎるように思える。 スマホ用のサイトといえばやはり、リンクが大きく、クリックしやすく、表示文字もおおきく、画面サイズに忠実に表示されてるサイトを使いやすく感じるのである。 基的にスマホ用のサイトというものはPCサイトから余分なものを削って、必要最低限の情報だけを表示する

  • 1