CSSフレームワーク pure.cssの使い方

サイトマップ

ホームページとデザインの会社
株式会社ジェイプラン

menu
 
  CSSフレームワーク pure.cssの使い方

CSSフレームワーク pure.cssの使い方

Pureは、Yahoo!が開発したCSSフレームワークです。
シンプルで軽量なのが一番の魅力です!

私は自分用に作ったのフレームワークを、必要な部分のみ使用していましたが、こういったものも便利ですね。

Pure を利用した時のよく使うclassの設定方法についての備忘録です。

グリッド

pure-u-sm-1-2 pure-u-sm-1-3 pure-u-sm-2-3

等といった感じで書くと、幅が1/2 1/3 2/3  という意味になるが、

pure-u-sm で記載すると、スクリーンの幅が568pxより大きい場合に適用される。

 

pure-u-md-1-2 pure-u-md-1-3 pure-u-md-2-3

の場合、スクリーンの幅が768pxより大きい場合に、そのクラスで囲まれたコンテンツの幅が1/2 1/3 2/3 と適用される。

印刷はこんなに安かったの?

梅オーナー情報はこちら

おすすめレンタルサーバー

独自SLLが無料!月額100円~使える!使いやすく初心者にお勧め!


ホームページお役立ち情報