タグ

webデザインとCSSに関するak1984のブックマーク (4)

  • graphicpeel.com - graphicpeel リソースおよび情報

    graphicpeel.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、graphicpeel.comが全てとなります。あなたがお探しの内容が見つかることを願っています!

    ak1984
    ak1984 2010/08/06
    すごい… CSSだけでiPhoneのアイコンを再現。
  • 少しのコードで実装可能な20のCSS小技集

    2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

    少しのコードで実装可能な20のCSS小技集
  • cssの情報・まとめ

    cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日語版RoundedCornr / 角丸のHTMLCSSコードを生成してくれるCSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できるCSS Builder / オンラインでスタイルを生成可能Spiffy Box / cssによる角丸を簡単に生成The Box Of

    cssの情報・まとめ
  • heightの%指定で正しく100%のボックスを作成 - bnote

    高さの割合を正しく求める場合、その高さの基になる高さが必要になります。 CSSの定義では、パーセントは、生成されたボックスの包含ブロックの高さに 関して計算されるとあります。また、heightの高さが指定されてない場合、 heightの初期値はautoとなります。 (参考: 仕様書(邦訳)) 包含関係のルート要素はUserAgentによって定める事になっているので、 htmlの高さを明示的に100%に指定します。次にbodyの高さを明示的に100%に指定します。 このようにすることによってbody以下の要素に対して高さを指定する基準を明示的に設定します。 CSSの例 *{ margin:0; padding:0; } html{ height:100%; } body{ height:100%; margin:0 30px 0 30px; } #container{ height:100%

  • 1