1. トップ
  2. コラム一覧
  3. ウェブサイトの仕組みを知る! css編 其の1

ウェブサイトの仕組みを知る! css編 其の1

投稿日 : 2018.01.13  |  カテゴリー : IT雑記

ウェブサイトの仕組みを知る! html編 其の1ウェブサイトの仕組みを知る! html編 其の1 の続きです。

cssの役割

htmlとはなにか、をザックリと説明したところで、よりhtmlへの理解を深めていただくために説明しなくてはならないことが何点かあります。
その内の一つがcss です。htmlとセットで語られることが多いので、みなさん聞いたことはあるかと思います。
cssとは、Cascading Style Sheets(カスケーディング スタイル シート) の略称です。なんだかカッコイイですよね。

このcssとは一体何なのか?

webサイトは、html(マークアップ言語)によって構成されているというのは前述の通りですが、実はhtmlだけで作られているわけではないのです。htmlでは、おもにwebサイトの構造的部分を指定しているんです。テキストであるとか、どの画像を表示するかといった部分ですね。

それに対し、視覚的部分を指定するために使われるのが、このcssというわけなのです。視覚的部分とは、webサイトのフォントサイズや、画像をどの用に表示するかといったレイアウトに関することなどです。

以前はそういった領域も、htmlによって指定されていたのですが、本来のhtmlの目的に反するということでcssが登場したというわけです。

今ではhtml+cssでwebサイトを構築するという方法が一般的です。

すなわち!!

webサイトにとってhtmlが「骨」ならば、cssは「肉」、といったところでしょうか。

絶妙な例えが決まったところで、今日はここまでです!

この記事を共有する
  • facebookでシェアする
  • ツイッターでつぶやく
  • LINEで送る
関連記事

Adobe FLASHが通った道

ウェブ技術の内情は日々変わり続けています。 去年流行していたデザイン手法が今ではもうすでに古臭い手法となっていたり、トレンドと廃りのサイクルの速さはファッション業界に匹敵もしくは凌駕する勢いであると感じます。 過去に、流行り ...

オンライン画像編集サービス「Pixlr」が凄い!

ウェブ制作において欠かす事のできない写真や画像。 自分で撮影した写真やフリー素材を使う事が多いと思いますがその画像をちょっと加工して自サイトらしさを出したいという事はよくあります。 画像の縦横比やサイズを変えたり、コントラス ...

有意義なネットサーフィン

ネットサーフィンとは? 興味の赴くままに色々なサイトを飛び回り情報を得る事です。 興味がある事や課題の資料集めには欠かせないことです。 ネットサーフィンの悩み しかし、皆さんの中には検索ワードを打ち込んでも思った通りに求めている ...

来年はどうなる?子供にさせたい習い事ランキング

2016年の年末に株式会社イー・ラーニング研究所が子供がいる親世代に聞いた「年末年始の習い事アンケート」を実施しました。 2016年に子供にさせた習い事 まずは、2016年に子供に習い事をさせていたかという質問に対して、「はい」が51% ...

tablet

渋谷区 区内の小中学校全生徒・教職員にタブレット 2017年9月より導入

渋谷区 区内の小中学校全生徒、教職員にタブレット 渋谷区は授業や家庭での学習を目的に、17年度予算案に7億8200万円計上し、研修等を経て2017年9月より、渋谷区小中学校の児童生徒約8000人並びに教職員約600人にタブレット端 ...

文字入力を劇的にスピードUP!タッチタイピングを習得しよう!

パソコンを使うなら是非とも身に付けたいタッチタイピング パソコンを使用するにはマウスとキーボードの操作は切っても切れないものです。 特にプログラミングを行う際にはキーボードでの文字入力が速ければ速いほど効率も上がります。 キー ...

Twiiterがルールを変更

今回は日本でも最近事件になった。Twitterのルールが変更になったことについて書かせていただきます。 Twitterのルールが変更に アメリカのTwitterは11月3日、サービスルールを変更し、自殺や自傷行為の助長などは明確に違反事 ...

キュレーションメディアの現状と今後

ここ最近、一部のキュレーションサービスにおいて、不適切な記事が多数掲載されていたとして全記事が非公開となる事態が発生しております。 そもそもキュレーションメディアってなに? キュレーションメディアとは、個人の情報発信をデータベー ...

2017年のブラウザシェアランキング

ブラウザは何を使っていますか? あまりブラウザに拘りが無い方はOSにプリインストールされているブラウザを使っている方が多いかもしれませんね。 Windowsであれば Internet Explorer(IE)、もしくはMicroso ...

プログラミングには正解がない、探究心こそ全て?

プログラミングには正解がない 同じ結果が返ってくるプログラムだとしても、出来上がったソースコードはプログラマーにより差が出ます。 変数名のつけ方ひとつでも、プログラマーによって大きく異なるものです。 つまり、プログラミングは正 ...

Knocknote Education(ノックノートエドゥケーション)