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       
  • このエントリーをはてなブックマークに追加

関連記事

image

6/15発売「わかばちゃんと学ぶWebサイト制作の基本」

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

記事を読む

image

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

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

記事を読む

manga_CSS3_resize

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

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

記事を読む

image

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

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

記事を読む

CSSとは マンガで解説

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

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

記事を読む

CSSは外付け?直書き?

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

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

記事を読む

Message

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

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

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

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

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

emojigit_catch01
絵文字でわかるGit🍣 マージとリベースの違い・リセットとリバートの違い

こんにちは。絵を描くWebデザイナーの湊川あいです。 絵文字 / Em

phpstudyコラボ画像
PHP勉強会@東京に登壇します 2016.11.30

マンガでわかるWebデザイン・マンガでわかるGitの湊川あいです。

mfmeetup02
マネーフォワードmeetup vol.7に登壇しました (エンジニア×個の力をForward)

絵を描くWebデザイナーの湊川あいです。 今回、マネーフォワードさん

→もっと見る

PAGE TOP