CSS3CSSセレクタとは?CSSセレクタを意識する事はあまりないと思いますが、今回はおさらいがてら、CSSセレクタをじっくり復習していきます。font-size:12px;}この.hogeや、pなどがそれに当たります。これがセレクタだとは認識してないですよね?それでは、各種セレクタを見ていきましょう。「*」全ての要素に適用よく、リセット系のCSSで真っ先に使われるのがこの*(アスタリスク)です。これは、全ての要素に適用されるため、使い方を間違えると、かなり面倒な事になります。僕は個人的にあまりオススメはしませんし、僕個人は基本的に使いません。text-decoration:underline;}このように、全ての要素に適用することもできますし、p以下の全てという風にすることもできます。タグ等は関係なく全てということなので、慎重につかいましょう。.hoge(classセレクタ)と#hoge(IDセレクタ)classセレクタとidセレクタは、ほとんど同じようなものなのでまとめて説明します。両方とも同じで、指定したclassまたはidにスタイルを適用するものです。0;}指定の仕方で、どのタグかを限定することもできます。上記の方法では、hogeというクラスまたはid全てに適用されます。0;}こうすることで、タグを限定してスタイルを適用できます。この場合、pタグのクラス(hoge)の場合、divタグのid(hoge)の場合のみスタイルが適用されます。B(子孫要素セレクタ)子孫要素セレクタは、Aタグの中のBタグにスタイルを適用します。半角スペースで区切れば何階層でもいけますが、複雑になりますので、極力少ない階層で指定しましょう。font-size:16px;}このように、divの中にあるpタグという風に指定出来ます。classやidセレクタと併用もできます。入れるとAの中にある子要素Bにのみスタイルを適用出来ます。color:red;}こういう風に使います。B(隣接セレクタ)これは、Aという要素と隣り合っている要素に対して適用されます。したがって、AのとなりにBがあり、そのとなりにCがあっても、Bまでしか適用されません。margin:0;}こういう風に使います。B(後にある要素に適用)これは、CSS3のセレクタですが、Aとうい要素の後にあるBという要素に適用されます。color:red;}こういう風に使います。適用されるのは子要素のみですので、孫要素に対しては適用されません。まとめいかがでしたでしょうか。今回は、セレクタのみを紹介しましたが、セレクタだけでも結構たくさんあり、使い方次第で、いろいろな指定をできます。次回は、疑似クラス・疑似要素を紹介します。使う角丸は、divを角丸にしたり、画像を角丸にしたりすることでしょう。背景画像を画面いっぱいにするプラグイン背景に、画像をいっぱいに広げて表示したいときってありますよね。上級編まで紹介してしまってますが、抜けていたので、すこし簡単です。bxSliderは、コンテンツスライダーのプラグインです。Scrollプラグイン今回は、ブロック毎にスクロールするjQueryプラグインのご紹介です。おさらいがてらWordPressのテーマを作るためにHTML5で一から作るよ![第4回]完全に放置してました、僕です。別に忘れていた訳じゃないんですが、時間がありませんでした。コメントをキャンセルメールアドレスが公開されることはありません。curl転送してみる(googleに)curlでgoogle画像検索APIにアクセスしてみます。今回はPHPでランダムな英数字を作成してみます。プロパティリスト(plist)の値を取得plistからデータを取得してみます。→もっと見るプロフィール1978年の七夕生まれ。25才でweb業界の門を叩き、28才でフリーランスに。現在は、フリーランスでマークアップ中心に、wordpressのカスタマイズやデザインをしております。iPhoneアプリの開発もしております。