jQuery:CSSへのアクセス
引き続き、jQueryの学習を進めるのであった。
道のりは遠いような近いような感じですが、本日も進みます。
今日はCSSへのアクセスと操作です。
■CSSメソッド
CSSへアクセスするには、専用のメソッドを使用する。
それがCSSメソッド。
パラメーターの数で動作が違うので要注意!!
道のりは遠いような近いような感じですが、本日も進みます。
今日はCSSへのアクセスと操作です。
■CSSメソッド
CSSへアクセスするには、専用のメソッドを使用する。
それがCSSメソッド。
パラメーターの数で動作が違うので要注意!!
- パラメーターが1つの場合
css(“プロパティ”)で対象プロパティの値を読み込む
$(“p”).css(“color”)pタグのcolorの値を取得 - パラメーターが2つの場合
css(“プロパティ”,”値”)でスタイルシートの値を設定する
$(“p”).css(“color”,”#000000″)
IEのCSSバグにはまりました(恥)
久しぶりにWebデザインの作業をしてみると、やはりInternet Explorerに泣かされる展開にはまりました。
今更な気もしていますが、CSSの実装バグについて調査しています。
『CSSバグ辞典スレッド』の要約：Internet Explorer (Windows) CSSバグリスト
結局は、トラブルに遭遇したら回避するしか学習法としてはない気がしています(汗
ただ、今回のblogのリニューアルで1つ学びました。
今更な気もしていますが、CSSの実装バグについて調査しています。
『CSSバグ辞典スレッド』の要約：Internet Explorer (Windows) CSSバグリスト
結局は、トラブルに遭遇したら回避するしか学習法としてはない気がしています(汗
ただ、今回のblogのリニューアルで1つ学びました。
paddingを使ってデザインするな!!
CSS Reloaded@銀座アップルストア
一昨日の話ですが、
ちょうど、丸の内の方に用事があり、時間もあったので銀座まで足を伸ばしてみました。
CSS Reloaded@銀座アップルストア：
http://swapskills-allweb.blogspot.com/2008/07/css-reloadedcss3.html
内容は、「CSS3」について。
予備知識もなく、ふと興味だけで行ったのですが・・・
ちょうど、丸の内の方に用事があり、時間もあったので銀座まで足を伸ばしてみました。
CSS Reloaded@銀座アップルストア：
http://swapskills-allweb.blogspot.com/2008/07/css-reloadedcss3.html
内容は、「CSS3」について。
予備知識もなく、ふと興味だけで行ったのですが・・・
CSS3凄い!!!!
Vim用辞書ファイル:CSS/WordPress
メインのエディタはVimから派生したGVimを使用しています。
html/xhtml/cssの作業は、GVimとFirefoxの組み合わせで済ませてしまいます。
このエディタはカスタマイズ性が非常に高いので、最初インストールしてから調整が必要です。
設定ファイルは「vim 設定」辺りでググれば参考になるものが見つかると思います。
さて、辞書の登録と設定を行うことで、編集ファイルの種類に応じて、入力補助(補完)の機能を使用することができます。
例えば、htmlファイルの時にはhtml辞書を、のような感じです。
htmlやphpの辞書であれば、ググれば誰かが公表していると思います。
しかし、CSSの辞書が無かったので作ってみました。
基本的なプロパティと値で構成しています。
html/xhtml/cssの作業は、GVimとFirefoxの組み合わせで済ませてしまいます。
このエディタはカスタマイズ性が非常に高いので、最初インストールしてから調整が必要です。
設定ファイルは「vim 設定」辺りでググれば参考になるものが見つかると思います。
さて、辞書の登録と設定を行うことで、編集ファイルの種類に応じて、入力補助(補完)の機能を使用することができます。
例えば、htmlファイルの時にはhtml辞書を、のような感じです。
htmlやphpの辞書であれば、ググれば誰かが公表していると思います。
しかし、CSSの辞書が無かったので作ってみました。
基本的なプロパティと値で構成しています。
CSSのidとclassの違い
HTMLは何の気なしに書けるんだけれど、未だにCSSだと調べないと分からない(汗)
ちょうど昨日、このblogのCSSをプリント・アウトして読んでいたら、大きく3つの書き方があることに今更気づきました。
ギークにあこがれて：
CSS再入門
ちょうど昨日、このblogのCSSをプリント・アウトして読んでいたら、大きく3つの書き方があることに今更気づきました。
- HTML(XHTML)の標準のタグに対して直接設定する場合。
例えば、この部分は<blockquote>に対して、背景色やボックスについて指定している。
- <div id=★>の場合→CSSでは：#hogehoge
- <div class=★>の場合→CSSでは：.hogehoge
ギークにあこがれて：
CSS再入門
Search
Recent Post
Adsense
Tag Cloud
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
Widget
Category
![[E2]e2esound.comのRSS 2.0 Feedへのリンクです](http://www.e2esound.com/wp-content/uploads/feed-icon.png){kind=icon}
License
![[E2]e2esound.comのコンテンツは、クリエイティブ・コモンズ・ライセンスBY-NC(バイ-ノンコマーシャル)で公開されています。あなたはこのコンテンツを非営利である限り、著者名を表示することで自由に再利用することが可能です](http://i.creativecommons.org/l/by-nc/2.1/jp/88x31.png)