「stylesheet」 一覧

ページ内リンクをするときに、リンク先がコンテンツと被ってしまうことがよくあって、paddingで余白とか入れながら良い感じになるように調整をしていたけれど、こ、こんな方法で解決できるのか！！！と思った ...

ボックスを比率に合わせてレスポンシブさせたかったので覚書。 参考サイト：【レスポンシブコーディング】要素の横幅と高さの比率を保つ ソースコードとかは参考サイトを確認してください。 4:3は、横幅：高さ ...

ページ下で固定されてスクロールに追従？するやつ作りたくて、 position:fixed;を使うことでmarginが効かなくなるのでググった覚書。

テーブルセル要素でボックス上下左右中央揃えしたいときの覚書 親要素はテーブル要素に、子要素をテーブルセル要素にする。

ウェブサイトを制作する際の良さ気なフォント設定覚書 font-weightが400以下だと細いのでfont-weight: 500;にする

flexboxを使ったブロックの中身を上下左右中央揃え覚書 justify-content　…　左右中央揃え align-items　…　上下中央揃え

「表の見出しを（エクセルみたいな感じで）均等割り付けできませんか！？」と修正項目でいただき、「こんな修正まだあるのか・・・」とも思いつつ「いやCSS3さんなら・・・！？」とググったところ、やっぱりあっ ...

Webフォントを使ったウェブサイトでfirefoxで表示するとジャリが出るので対策覚書

Boostsrap4が賑やかになってきましたがまだまだ現役のBootstrap3のNavbarの話なんですけど、 BootstrapのNavbarの中にドロップダウンできる仕様にもなっててお世話になっ ...

img-responsiveを利用した画像を真ん中に表示したい場合にどうやってやるのかよくわからなかったけど、 class="img-responsive center-block" これで解決するメ ...

いっつもわからなくなるので自分用覚書です。 覚書なので使い方や解説がほしい方はスタイルシートリファレンスなどをご確認ください。 サンプルはli :before 擬似要素 要素の直前に内容を挿入する : ...

サンプル 会社案内 (http://example.com/company) こんな感じでウェブサイトを印刷しようとするとリンクの後ろにURLが勝手に表示される。 原因 twitter bootstr ...

背景画像の拡大・縮小ができないものかと探していたらCSS3で実現可能だということで覚書。 IE8では表示はされるが拡大縮小されなかった。IE9は未確認。 Firefox、Safari、Google C ...

CSS3を使った8つのテクニックで紹介されていた埋め込みのような水平線hrが魅力的だったので覚書

CSSにおけるスタイルの優先度とは、複数のスタイルが同一の箇所に適用されていた場合に、その競合の解決に用いられる仕組みのこと。 優先度 ブラウザのデフォルト・スタイルシート>次に閲覧者のスタイルシート ...