[Category] css

高さの変わるタブメニュー

タブ内コンテンツの高さが合っていなくても問題ないタブメニューです。 js(jQuery)でやっていることはタブコンテンツのdisplayプロパティ変更と、クリックしたタブメニューにclassを付けるくらいです。 後の動きはすべてcssで行っています。 一応レスポンシブ対応。 HTML <div…

paddingとborderを幅と高さに含める

最近までちまちまpaddingとか計算してサイズ調整をしていた自分が馬鹿みたいに思えます。 たった一行書くだけだったとは・・・! html <h3>paddingとborderを幅と高さに含める</h3> <div id=”sample1″> padding:20…

メディアクエリの備忘録

忘れないように。 モバイルファーストの方が分かりやすくて好き。 css /* @media外に書いたcssは全ての幅で適応される */ p {background-color:#000;} @media screen and (min-width:320px){ /* width320px幅から適応…

リンクの色をゆっくりと変える

css3です。 css3おぼえなきゃなー、と思うのですがチートシート見ずにはに書けない。 リンクの色をゆっくりと変えるのはtransitionを使用。 リンクにこれ付けるだけでも意外と違います。 html <div id=”default”> <a href=”#”>リンク&…

  • コーダーのための計算機