CSSファイルの作り方 マンガでわかるCSS入門

公開日: : 最終更新日:2014/11/28 CSS

manga_cssmakefile

CSSファイルってどうやって作るの?

Webデザインに初めて挑戦するとき、「CSSっていうものを編集するには何か特別なソフトが必要なんだろうなぁ」と思う方もいらっしゃるはず。

CSSファイルを作ること自体はとってもハードルが低いんです。なぜならCSSファイルは無料のテキストエディタで作れちゃうからです。

わかばちゃん

テキストエディタ、前にHTMLファイルを作ったときに使ったよね!


マンガ記事:HTMLの基本構造を簡単解説!

HTML

そう、この記事のときはファイルの末尾に「.html」をつけよね。CSSの場合は「.css」をつける。それだけ!


わかばちゃん

意外とカンタンなんだね〜。もっと専門のソフトがいるんだと思ってたよ〜


HTML

でしょ!CSSは書き方も単純明快でわかりやすいんだよ。CSSの書き方はまた別の回でレクチャーしていくね!


記事作成:湊川 あい
マンガ・イラスト:湊川 あい


The following two tabs change content below.

湊川 あい

湊川あい(みなとがわ あい) 絵を描くWebデザイナー。2014年より「マンガでわかるWebデザイン」をインターネット上に公開していたところ、出版社より声がかかる。 著書「わかばちゃんと学ぶWebサイト制作の基本」 Web連載「マンガでわかるGit」「わかばちゃんが行くオフィス訪問マンガ
  • Pocket       
  • このエントリーをはてなブックマークに追加

関連記事

manga_CSS3_resize

CSS外付けのメリットとは?マンガでわかるCSS入門

CSSは外付けのメリットって? CSS外付けのメリットはこんなかんじ 1 メンテ

記事を読む

image

マンガでわかるWebデザインが書籍化!全国の書店・アマゾンで発売

マンガでわかるWebデザインが本になりました! 「わかばちゃんと学ぶWebサイト制作の基本」 出

記事を読む

image

HTMLちゃんとCSSちゃんを擬人化するとこんな感じ

  ちょっとラクガキ。 HTMLちゃんとCSSちゃんの日常を描いてみました。

記事を読む

CSSとは マンガで解説

CSSとは? 簡単解説!マンガでわかるCSS入門

CSSとは? CSSとは、Webページの見た目を担当する言語です。 「カスケーディン

記事を読む

CSSは外付け?直書き?

CSSは外付け?直書き? マンガでわかるCSS入門

CSSは外付けがテッパン! CSSでWebページを装飾するとき、CSSは外部ファイル化

記事を読む

image

Web制作で使う言語たちを図解してみた HTML,CSS,JavaScript,PHP

HTML CSS JavaScript PHPの関係を図解してみた HTML 「HTML

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

C97RWxjVoAAdVdm
「マンガじゃなくてもGitぐらいわかるでしょ」と言われたことがあります

わかばちゃんと学ぶGit使い方入門 Web連載から始まった「マンガで

dakkou
マンガでわかるGitが書籍化!2017年4月21日 書店にて発売予定

マンガでわかるGitが書籍になります Web連載中の「マンガでわかる

tax_001
マンガでわかる確定申告 第1話 源泉徴収ってなあに?

第1話 源泉徴収ってなあに? 書籍「わかばちゃんと学ぶWebサイト制

HTMLちゃん
2016年ふり返り:本を出して会社を辞めてフリーランスになってました

湊川あいです。 Webデザイナーの傍ら、マンガや図解を取り入れた技術書

Gitコラボ漫画
【コラボマンガ】怖くない!黒い画面入門【 #シス管系女子 + #マンガでわかるGit 】

こんにちは!絵を描くWebデザイナーの湊川あいです。 普段 マンガでわ

→もっと見る

PAGE TOP