Sheet(カスケーディング・スタイルシート)の略で、スタイルシートとも呼ばれます。ホームページのスタイルを指定するための言語であり、CSSは、HTMLと組み合わせて使われます。スタイルとつくように、ホームページの見た目を指定するために使用します。ホームページを作る上でHTMLが骨組であり、そのHTMLにCSSで肉付けをしていく、そんなイメージです。CSSは、HTMLよりも覚えることが多いため、少しずつ記事の中で紹介していきます。着実に1つずつ覚えて行きましょう!ただ、CSSの略とかは覚えなくて大丈夫です私もさっき知ったので(笑)CSSの基本構造h1タグにCSSを使って見た目を指定した場合。1]セレクタを決めたら、{}を書き、その中にプロパティと値を記述します。2]プロパティと値の間を:(コロン)で繋ぎます。3]プロパティと値のセット、その終わりには;()セミコロンをつけます。値;}CSSの書き方のルールは3つ!セレクタを決めたら{}(カッコ)をつけ、中にプロパティと値を記述する。プロパティと値は:(コロン)で繋ぐ、最後に;(セミコロン)で終わる。このルールは覚えましょう。実際にCSSを使うと次回の予習として、リセットCSSの説明をします。先ほどの説明で、CSSの書き方の説明は終わりです。bottom;}:focus{outline:none;}これがCSS、種類としてはリセットCSSです。ファイルの作り方は、以下の記事で説明した手順と同じです。テキストエディタに上記のソースコードをコピペして.cssをいう拡張子で保存します。保存したファイルのことをCSSファイルと言います。"utf-8";は、文字化け防止用のコードです。以下は、役割がわかるようにタイトルとしていれています。※こちら任意ですので書いても書かなくても大丈夫です。--------------------------------------------------------------*/リセットCSSとは?リセットCSSとは、ブラウザの初期スタイルをリセットするCSSのことです。ブラウザにはそれぞれ違ったスタイルが組み込まれています。初期のスタイルが残っているとブラウザごとに見え方が違ったり、コーディングに支障が出るので、それをリセットCSSで打ち消す、または整えます。ホームページを作る前には必ず、リセットCSSを読み込ませると覚えましょう。余談[2019リセットCSSおすすめ]などで検索をすると以下のようなサイトがたくさんあります。YahooのリセットCSSを使用しています。そのまま使うのではなく、半角を削ったり自分なりに少し書き換えています。半角スペースを削るのか?目には見えませんが半角スペースにも半角スペースを表す情報が詰まっています。コードを減らして表示速度をあげることはコーディングでもっとも重要なことです。そのため私たちは日々、無駄なコードを削ったり、時には圧縮をかけたりして、いかにホームページを早く表示させるかを追求する必要があります。まとめ今回は、CSSからCSSの書き方、リセットCSSの触りを解説しました。HTMLはホームページの骨組みで、CSSはそこに肉付けをしていくイメージで使用します。ホームページを作る前には必ずリセットCSSを読み込みましょうね。2019年リセットCSSなどでググるとたくさん出てくると思いますが、試してみないと自分のコーディングに合うものかは分かりません。参考までに上記のリセットCSSはシンプルで分かりやすいのでおすすめです。次回から一緒にホームページを作って行くよ!(多分)そこで使用するデザインデータをチラ見せ!コーディング練習用デザインデータ(圧縮版)このサイトを作って行くよ!引き続き、参考書を買わずに独学で勉強できる記事をメインで載せていますのでよろしくどうぞ!最後までご覧いただきありがとうございます。今回は、CSS初心者...2019-07-29marginとpaddingの違いをアボカドを使ってイラスト付きで解説!【CSS初心者入門】こんにちは、かなきち(@kanakichi0801)です。かなきちスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。