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

AIによって増える仕事・残る仕事

最近AI・人工知能によって無くなってしまう仕事の話をよく耳にします。 なので今回は、AI・人工知能によって増える仕事、残る仕事の話をしたいと思います。 増える仕事 ・ロボット・アドバイザー ・単純化するエキスパート ・輸送アナリス ...

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

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

Webマーケティングのプロが解説するネット広告1

見ないという日はないというくらいに、身近になっているインターネット。 調べものをしたり、SNSを使ったり、ゲームをしたりと、その活用方法は様々かと思います。 しかしながら、ネット上に表示される広告に注目される方は多くはないは ...

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

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

colors

カラーコードと16進数

カラーコード  #FFFF00は何色を表現するのでしょうか。 正解は 黄色です。 Webでは色を16進数で表示します。例えば上記の黄色は#FFFF00で表現しましたが、これらの文字列は、16進法で表されています。16進法の ...

LINEブログがもたらす革命

LINEブログが一般の人が使えるようになったのはご存知でしょうか。 アメブロ、livedoorブログ、はてなブログ等、世の中には一般の人が書けるブログサービスが数多く存在しております。 そんななか、LINEが一般向けのブログサー ...

大画面ディスプレイで作業するメリット

8月に入社させていただいてから今までずっとノートパソコンで作業をしていました。 しかし、なんと先日ノートパソコンの画面を写すディスプレイをいただきました! とても快適になったので今回は大画面ディスプレイで作業するメリットについて書きます ...

誰でも聞いたことあるIT用語解説【Cookie】

はじめに 誰でもスマホやパソコンを使い続けていれば見たことあるIT用語は数多く存在するのではないでしょうか? Cookie・セッション・404エラー・クラウドコンピューティングetc・・・ でもいまいち意味がわからない言葉もあったり・ ...

医療のICT化

ICT化の背景  超高齢社会に突入した日本においては、社会保障費の増大や生産年齢人口の減少等、様々な課題に直面しています。 そんな中、政府の健康・医療戦略(平成26年7月22日閣議決定)において「世界最先端の医療の実現のため ...

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

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

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