CSSを学ぼう!基礎編

副業

【在宅ワーク・副業したい初心者向け】CSSを学ぼう!基礎編

2019年2月8日

今回はCSSの基礎ということで、

・CSSとは?
・CSSの書き方
・CSSの基本文法

というところを学んでいきたいと思います。

CSSとは?

CSS(カスケーディング・スタイル・シート)とは、HTMLで書かれたページの装飾(デザイン)を指定するための言語です。

HTMLだけで書かれたページだと簡素なページとなってしまいます。

そのためCSSを用いてデザインを意識したページを作成することができます。

以下にCSSを適用した場合とそうでない場合のにブラウザ表示例をみてみましょう。

CSSの書き方

CSSの書き方は3つあります。

1.HTMLタグ(divやpなど)内に直接書く
2.HTMLファイル内にstyleタグを作成し書く
3.cssファイルを別に作成しHTMLファイル内でそのcssファイルを読み込む

CSS書き方

CSSの基本文法

CSSの基本文法

このように CSSを記述することで、デザインの装飾を変えることができます。

次回はCSSのセレクタやプロパティ、値について書いていきます。

  • この記事を書いた人
  • 最新記事

マー坊!

元会社員(SE)で現在WEB系フリーランスのマー坊です!✨ 会社員のころは、とにかく働くばかりで毎日がつまらなかった... フリーランスとなり割と心にも余裕ができたことで「働く」だけでは、人生がもったいない!と気づきました。 また、小さな日常にも楽しいことはあるんだなと思ったんです。 そこでこの記事では、「日常や趣味も楽しみながら働く」ことをコンセプトとし、主に以下のことについて書いています。 ✔︎会社員の悩み ✔︎プログラミング ✔︎趣味を楽しんだり... ✔︎日常気になった出来事など

-副業

© 2020 楽するわーく