h2{background-color:#ff9900;color:#ffffff;}といった具合。カッコやコロン、セミコロンは書き方のルールなのでマネして入れてください。プロパティは足したいだけ足すことができます。順序も厳密には関係ありますけど、基本的には好きな順番で大丈夫です。見やすくするために改行や半角スペースを入れる上記のような書き方だとちょっと見づらいですよね。セレクタやカッコの前後に「半角スペース」「改行」「Tab」を入れてもいいので、たとえばこんな風に見やすくできます。{background-color:#ff9900;color:#ffffff;}セレクタの書き方idセレクタidセレクタはhtmlのファイル1ページにつき1度しか使えません。特定の場所を指定するときに使います。記述方法HTML側には「id=”○○”」という記述をします。CSS側では頭に「#」をつけることでidという意味になります。10px;}classセレクタclassセレクタはidセレクタ同様場所を指定するセレクタで、1ページ中に何度でも使うことができます。複数出てくるものに同じスタイルを適用したいときに使います。idを使わずclassセレクタのみでやりくりすることは可能です。(見にくくなるので僕はidと使い分けてますけど)記述方法HTML側には「class=”○○”」という記述をします。CSS側では頭に「.」をつけることでidという意味になります。0;}子孫セレクタ「idの箱の中にあるリスト」とか「classの箱の中にあるリンク」といった指定方法が子孫セレクタです。a」などの記述をすれば「sectionの中のリストの中のリンク」といった指定ができます。ページ数の少ないサイトであれば細かくidやclass名つけられますが、ブログのように膨大なページ数を扱う場合などには便利です。記述方法HTML側では順次マークアップしていってください。CSS側はHTML側でマークアップされた階層構造の順に左から書いて行きます。li{list-style:none;}説明しやすいようにHTML5のarticle要素とsection要素を使いましたが、もちろんdivで問題ありません。人のCSSを見て勉強するWEBデザイナーは全員そうですが、人のソースを見て勉強しています。芸術は模倣から始まるんです。ギター始めた人がスコア見て弾くのと同じ。▼素敵だなと思ったサイトを見つけたら画面上で右クリックして「ソースを表示」を選びます。▼これでHTMLが見れます。Chromeだと特に色分けされていて見やすいです。▼CSSを見たいときはページ内検索(Ctrl+F)で「.css」と検索。複数ある場合は片っ端から開きます。▼あとはページ内検索を繰り返して、HTML側のidやclass名とCSS側のid,class名が一致してる箇所を見比べていけばおっけー。プロパティや値はソフトの自動入力に頼る基本的な書き方は分かってもらえたと思いますけど、実際これを一から手で入力していくの大変ですよね。プロパティになに書いたらいいのか分からないだろうし。WEBデザイナーがみんなこれらのプロパティや値をすべて覚えてるわけではありません。ソフトが自動で候補をあげてくれるのです。そのソフトの代表が、DreamweaverとCoda。▼たとえばCodaのCSS編集画面。Cloudを買うか、製品版単品でも4万円くらい。Codaなら一回払いきりで一生使えます!Adobe製品と違ってアップグレードの度にお金を払う必要もありません。最後にいろいろ書いてきましたが、セレクタ{プロパティ:値;}っていう書き方のルールと、id,class,子孫セレクタを覚えればあとはどうにでもなります。子孫セレクタがややこしいっちゃややこしいんですが、慣れればむしろ便利ですよ。怖がらずにいろいろいじってみてください。分からないことがあれば遠慮なくTwitterでメンションください。WEBサイトの制作や管理、WEBサービスの運営、iPhoneアプリ開発などをやってます。chord」のギタリストで曲も作ったりしてます。Queries(メディアクエリ)の一般的な書き方2パターンWEBデザインtext-indent:-9999pxでテキスト飛ばさなくてもテキスト非表示にして画像に置換できる方法WEBデザインCSSだけでランキングのカウントを表示する方法とそのデザイン実例WEBデザイン【CSS】番号付きリスト「ol」を途中から始めたり並び順を逆にしたりする方法WEBデザインfontタグ使ってる人はもう使うのやめようWEBデザインの記事をもっと読む新着記事エンタメモーニング娘。ハマった理由と、EDM路線になってからのモーニング娘。Macなどのコンピューター系の話題など、WEBデザイナーの管理人が気になった情報を発信しているブログです。株式会社ondoホームカテゴリ。