- 2021.06.15
Sass？SCSS？
Dreamweaverで作成＆コンパイルできるようになったので、Sassに挑戦してみました。 が・・・何を入力しても エラーになる。セミコロンが不要・・？んなバカな。 改めて確認すると、ファイル拡張子がsassになっている。どうもsassとscssと2種類あり、sassだと、波括弧、セミコロンではなく、インデントで書くのでした。最初に作られたのがsassで、その後、cssと互換性のあるscssが作 […]
CSS＋html
1/4ページ
- 2016.06.16
ipadでbackground-attachment: fixedが効かない
iOSで background-attachment: fixed と size cover でうまく動作しないようです。 参考サイト様 background-attachment: fixed がスマホで効かない問題は ::before で解決！ http://blog.phiyard.net/entry/2015/01/13/005920 http://qiita.com/volkuwabar […]
- 2014.09.03
metaタグ
＜meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″＞ IEに互換表示させない ＜meta http-equiv=”cleartype” content=”on”＞ 視覚テーマの有効/無効 ＜meta name=”Hand […]
- 2014.02.02
ie9の互換表示がうざい。
ie9の互換表示がうざい。 なんだこれ。
- 2013.02.05
floatした画像の下にtextを回り込ませない
画像側もしくはテキストに、paddingを指定していましたが、なんと overflow：hidden； でできるのでした。 テキスト側に、overflow:hidden を指定 参考： http://weble.org/2011/09/29/css-do-not-wrap-the-bottom
- 2012.11.29
html5 videoタグ MINEタイプ 動画形式 で つまずいたこと
「webcreater」の方法で、 swfobject.jsを用いて PCはflv スマートフォンはmp4 で表示しようとするも、 サンプルコードでは上手く行くのに、自分のFLVでは上手く表示されない。 スキンが表示されないのである。 サンプルコードと同じ階層に設置するもできず。。。よくわかりません。 しかたなくflvとかandroidとかスキンとかflashvarsとかなんかいいろいろあきらめ、 […]
- 2012.11.06
子セレクタ .comments-link > span
直接の親子関係にある要素にスタイルを適用する ＜div class="comments-link"＞ ＜span＞ ＜/span＞ ＜/div＞ セレクタまとめ参考 http://www.coolwebwindow.com/csstips/cssbasic/000243.php
- 2012.11.06
隣接セレクタ div.entry-meta + div.entry-meta
twentyelevenのスタイルシートで、「＋」でくっつけられたclassをよくみかけます。 これは隣接セレクタと言われるもののようで、 A要素とB要素が直接隣接している場合、（A要素の直後にB要素）が出てくる場合に適用されます。 タイトルのように、 div.entry-meta + div.entry-meta は、 ＜div class="entry-meta"＞ ＜/div＞ ＜div […]
- 2012.11.06
CSS3の擬似要素「::before」「::after」
:beforeと::beforeってどんな違いが、、、？ こちらに詳しく書かれていました。ありがとうございます。 CSSの疑似要素と疑似クラスをもう一度最初から CSS1・2とCSS3の記述方法の違いのようです。 ただIE8ではこのダブルコロンの書き方は対応してないので、通常通り１つでいいのではないかと。 wordpressのtwentyelevenは、革新的なスタイルシートなので、わからないこと […]
- 2012.04.10
HPBで文字化けする
Dreamweaver／utf-8で制作したhtmlをホームページビルダーで開くと文字化けします とのこと 調べると、旧バージョンのホームページビルダーはutf-8に対応していないとか。 バージョンアップすると解決。 その他、スタイルシートに完全に対応していないのでプレビューで確認するとレイアウトが崩れて見える