CSS

CSS

CSS 途中で要素を画面いっぱいに広げる

ヘッダーや、フッターを画面いっぱいに広げる場合、widthを100%に指定すればいいだけですが。 mainの途中で背景だけ目一杯に広る場合、mainを2つに分けて、間に目一杯の枠を作る。なんてことをしてた時期がありまして。こんな感じで...
CSS

CSS 半角英数の連続文字が折り返すようにする

半角英数が連続した文字(例えばURLや、ハッシュ値など)を表示すると、枠からはみ出てしまう事があります。 その対策として、 と、 があります。 どっちも、連続した半角英数文字を折り返すかどうか。を指定するのですが、いったい...
CSS

マウスオーバーで半透明にする

アンカータグをマウスオーバーしたときに、要素を透過にして、半透明な感じにする方法 opacityは、0.5で透明度50%。1を指定すると、100%で透過なしになります。0を指定すると完全に消えてしまいます。 filter...
CSS

NeatBeans環境 で Sassの導入

Wordpressに限らないけれど、CSSが見やすく、開発効率もあがると噂のSassをNetBeans環境で使えるようにしてみます。 NetBeansが使えるようになっていることが前提です。 Rubyのインストール Rubyのインストー...
CSS

WordPressのレスポンシブデザインでPC表示を選択できるようにする

WordPressでレスポンシブ対応するのですが、スマホで表示するときに、レスポンシブ化せずに表示させるときに、たとえばプラグインを使う方法がありますが、あえてプラグインを使わずにスマホ表示とPC表示を切り替えられるようにする方法です。 ...
CSS

モバイルフレンドリーテスト

Googleは、モバイル端末(スマートフォンなどポケットサイズの端末)でのウェブサイトの可読性を評価するようになっています。 つまり、モバイル端末で閲覧する人が見難い、と感じるサイトは、モバイル端末での検索順位を下げる可能性がある、という...
CSS

「ます」だけ四角に文字化け?

bonesという骨組みだけのテーマをとりあえず入れただけのこのサイト。 ふときがつくと、「ます」だけが〼と表示されることに気が付きました。 ん?文字化けか? と文字エンコードを疑ったりしていたのですが、CSSを見てるうちにわかりました...
タイトルとURLをコピーしました