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で送る
関連記事

IT人材不足が深刻に

IT人材不足が深刻に りそな総合研究所の発表によると、AIやIoTなどの「第4次産業革命」の技術を活用できる人材が、関西では不足状態に陥るとの試算をまとめました。 平成32年には必要な人材の4割程度しか確保できない見通と ...

Apple「ガチャの排出率表記」を義務化。アタリ出現率1%のガチャを100回引くと?

App Store審査ガイドラインに追加 2017年12月、英語版のApp Store審査ガイドラインに「ガチャの排出率表記」を義務化を表すものが追加されました。日本語訳するとこうです。 「ルートボックスやその他、ランダム型の有料ア ...

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

HTML講座 第1回目:htmlとは? htmlは言語 まずはそもそも、htmlとはなんなのか?という基礎の手前の超初歩から始めていきたいと思います。 htmlというのはHyper Text Markup Languageの略 ...

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

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

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

[ウェブサイトの仕組みを知る!] html編 其の1 : ウェブサイトの仕組みを知る! html編 其の1 其の2 : ウェブサイトの仕組みを知る! html編 其の2 css編 其の1 : ウェブサイトの仕組みを知る ...

Adobe FLASHが通った道

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

ビジュアルプログラミング言語

2020年のプログラミング必修化 2020年に小学生のプログラミング必修化に向けて様々な学習ツールが発表されています。 中でも使いやすく、拡張性の高いビジュアルプログラミング言語は特に注目を浴びているのではないでしょうか? 今回は ...

tablet

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

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

画像の一部だけが動く?!不思議な写真シネマグラフ

先週消えつつある技術としてFLASHの記事を書きました。 ウェブ上でアニメーションコンテンツを見せる為の代表的な技術でしたが、残念ながら時代の流れと共に利用者が少なくなりつつあります。 しかしアニメーションなど動きのあるリッ ...

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

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

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