[B! CSS][reference] tailtameのブックマーク

tailtame id:tailtame

CSSとreferenceに関するtailtameのブックマーク (9)

トップページ
ナウでヤングなレンタルサーバーです。初心者にやさしくて、人気のブログも超カンタンに設置できます。おこづかいでＯＫの格安料金なんと月額100円（税込105円）から！可愛いアドレスもたくさんで女性に大人気！充実のサポート体制で安心です。
tailtame 2011/09/01
CSS

reference
リンク
CSS3について知っておきたいことのまとめ
CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます。過去の記事に手を加えたものや新たに書いたものなど幅広くまとめてみましたので、ぜひ抑えておいてください。今回は結構ボリュームもあるので目次を作っています。 1. スタイルシートの構造 CSS3に限ったことではないですが、CSSの構造は下の図のように、セレクタ、プロパティ、値となっています。もちろんプロパティと値は一対です。CSSといえば、プロパティのイメージが強いですが、セレクタも結構奥が深いです。 CSS3ではセレクタもプロパティも新たに追加されていますので、違いをちゃんと理解しておきましょう。 2. CSS3セレクタ CSSセレクタはスタイルを適用する対象を選択するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 CSS3セレクタはW3
tailtame 2011/08/04
奇数偶数あるんか

CSS

reference
リンク
http://www.growldesign.co.uk/projects/lb/
tailtame 2009/09/24
JS無しでLightbox。一部html…どうなんだろう。

CSS

html

reference
リンク
選択子
W3Cの勧告候補平成13年11月13日この版: http://www.w3.org/TR/2001/CR-css3-selectors-20011113 最新の版: http://www.w3.org/TR/css3-selectors 前の版: http://www.w3.org/TR/2001/WD-css3-selectors-20010126 編者: Daniel Glazman (Netscape/AOL) Tantek Çelik (Microsoft Corporation) Ian Hickson Peter Linss (former editor, formerly of Netscape/AOL) John Williams (former editor, Quark, Inc.) 摘要 CSS(段階スタイルシート)は、HTML及びXMLの文書の、画面上、紙面上、音
tailtame 2009/08/10
a[href*=]みたいな^ $ *は「属性選択子」か(｀・ω・´)

css

reference

tips
リンク
lh3.jp - CSS Selectors test-suite テスト結果およびダイナミック擬似クラス対応状況一覧 (2009-03-09 現在 )
N/M ...... CSS Selectors test-suite のテストにて、全てはパスしなかったが M 項目中 N 個パス。なお、全項目にパスしていない場合でも、特定の条件のみパスしなかっただけといった場合（ buggy ）と、セレクタ自体をサポートしていない場合（ unsupported ）は区別して網掛けしています（薄い網掛けは buggy 、濃い網掛けは unsupported ）。※このページ上では、 buggy の背景色を #f56800 、 unsupported の背景色を #920f00 としています。 - ...... CSS Selectors test-suite のテストが動作せず。 Fx3: Firefox 3 ／ Fx2: Firefox 2 ／ Fx1: Firefox 1 ／ IE8 RC1: Internet Explorer 8 Release
tailtame 2009/08/10
おおー。IE6はポーイしたら色々出来ることが増える！(｀・ω・´)

browser

CSS

reference

tips

data
リンク
CSS3の属性セレクタ - lucky bag
属性セレクタは、属性名や属性値によって、要素を指定する事ができます。Gecko系などのブラウザは、CSS3の属性セレクタなどに対応しています。どういった指定が出来るのか、覚え書きとしてメモ。サンプルとして、下記の(X)HTMLを想定します。 <a href="/" title="Lucky bag::blogのトップへ">トップ</a> 一番単純なのが、属性名を指定する方法です。下記は、 title 属性を持つ全ての a 要素に1pxのドットで下線を表示することができます。 a[title]{ border-bottom: 1px dotted #666666; } 次は、 title 属性の値が「Lucky bag::blogのトップへ」の場合のみ、指定する方法。 a[title="Lucky bag::blogのトップへ"]{ border-bottom: 1px dotted #66
tailtame 2009/08/09
あれ、CSS3だったんか。正規表現と同じなので把握。[href^="hoge"]が先頭、[href$="hoge"]が末尾、[href*="hoge"]が含まれる場合。*をユーザCSSで使ってるんだが、$と逆に使ってた… ／(^o^)＼

CSS

tips

reference
リンク
セレクタ - CSS2 リファレンス
作者ホームページサービス（hp.vector）は終了いたしました。長らくのご利用、ありがとうございます。ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。 (c) Vector HOLDINGS Inc.All Rights Reserved.
tailtame 2009/01/21
いい加減パターンマッチング使いたい

CSS

reference

tips
リンク
スタイルシート［CSS］/ページ全般/カーソルの形を変更する - TAG index
オリジナルカーソルについて独自の画像をカーソルとして使用することができます。指定方法 cursor: url(example.cur), text; url( ) … ( ) 内に、カーソルとして使用する画像ファイルを指定します。オリジナルカーソルが表示できない場合に備え、カンマ（ , ）に続けて任意のキーワード（default や pointer 等）を指定しておきます。（上記の例では text を指定しています）カーソルの候補 cursor: url(example.cur), url(example.gif), auto; 上記のように、カンマ（ , ）で区切って複数のカーソル候補を設定しておくこともできます。この場合、ユーザーの環境で利用できる形式の画像が使用されます。（先に指定したものが優先されます）対応ブラウザオリジナルカーソルは、IE 6以上、Firefox、Sa
tailtame 2009/01/16
a:hover { cursor: pointer !important; } よし、ひとつは…おｋ十字うざいよー（昔やってたけど

CSS

reference
リンク
XHTML/CSS リファレンス [WEB ARCHIVES RETURN AGAIN]
以下のリソースはflyson氏が作られたものです。サイトの閉鎖時に煮るなり焼くなりご自由にと仰っていますので、コチラに転載させて頂きました。 XHTML リファレンス CSS リファレンス
tailtame 2008/06/18
html

css

reference

tips
リンク
1