口唇口蓋裂ホームweb【CSS入門】初心者がコーディングする時の書き方・注意点2018/09/10SHAREツイートシェアはてブGoogle+PocketLINECSSもHTMLと同じで、よく使うものを覚えておけば、意外と簡単にかけます。CSSの方が色や配置など指示を出すものが多いので、最初は混乱しやすいですね。僕も最初の頃は、「これはなんの指示を表す言葉だっけ」「ここの余白を増やすにはどこを設定したらいいんだっけ」と迷ってしまうこともありました。ポイントをまず抑えることで、そう言った悩みを減らしていきましょう。CSSを勉強して、自分の価値をあげようCSSで何ができるのか細かく言ってしまうと、色々出てくるんですが、大まかにいうとこんな感じです。文章、文字の色・太さ・大きさ・下線の種類など、ただの黒文字を装飾することができます。ワードやエクセルだとボタンを押すことで色々文字の編集をすることができると思いますが、そのボタンの代わりにCSSで指示を出して変えていくイメージです。画像やまとまった文章などの位置決めHTMLで画像を入れることはできるんですが、ページの右側に配置するかとかの指示まではできません。そこで出てくるのがCSSです。段落のかたまりだったりリストの位置だったりさらには枠線で囲んだりと言ったことも同じくCSSを使うことで解決します。CSSでのルールCSSの書き方の形はこちら。ピンク色の部分を”セレクタ”、青色の部分を”プロパティ”、オレンジの部分を”値”。この3つを書くことで指示を出すことができます。注意プロパティと値は必ずカギカッコ{}の中に入れてください。セレクタHTMLのどのタグの部分かを書くところです。<h2></h2>で挟んでるところならh2を。<p></p>で挟んでるならpと書きます。プロパティ書いたセレクタに対して何を指示するのかを書きます。ここの指示が抜けていると、どんなに次で説明する値が合っていても反映されません。綴り間違い全角で書いてしまってる似たようなプロパティと勘違いしているなどがあります。値プロパティに書かれた指示を具体的にどうするのか、を書いていきます。(red,blue,など)文字の大きさなら、20px,30pxなど具体的な指示を出していきます。CSSを勉強して、自分の価値をあげようCSSがなかったら、素っ気ないただの文章と画像の羅列になるんです。それを自由自在に変更できるのが、CSS。そんなCSSは誰でも扱える訳ではなく、今回紹介したような注意点や知識を知らないといけません。HTMLとCSSどちらもマスターできれば、自分で稼ぐという選択肢も見えてきます。自分のブログやサイトを持ってる人は、ロリポップの独自SSL化がおすすめロリポップでワードプレスを使っている人向けの独自SSL(無料)設定方法この記事を書いた人takaro福岡在住。カメラ、ブログ、プログラミング(勉強中)で稼げるようになるため、日々奮闘中。して生まれ、数年前にはうつを発症。現在、好きなカメラとwebで生計を立てるべく奮闘中。その中で、体験したことなどをこのブログで発信しています。好きなことで稼いで生きて行くのが目標。