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

カラーコードと16進数

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

Adobe FLASHが通った道

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

ウェブサイトを認知してもらう為に

広大なネット世界、表面に出ているウェブサイトだけでも無数のサイトが存在しています。 昔から存在しているサイト、新しく出来たサイト、管理者すらも放置してしまって誰にも知られずただ存在しているだけのサイト。 もはやどこに何があるか全 ...

医療のICT化

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

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

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

exponential

シンギュラリティ(技術的特異点)とレイ・カーツワイル氏

シンギュラリティ、それは2045年と予測されている、人工知能が人間の能力を超える技術的特異点のことです。 人間がAIやナノテクノロジーなどとの融合により人間の成長曲線が無限大になる点、特異点に到達することです。パラダイムシフトとも言い ...

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

[ウェブサイトの仕組みを知る!] html編 其の1 : ウェブサイトの仕組みを知る! html編 其の1 css編 其の1 : ウェブサイトの仕組みを知る! css編 其の1 htmlとは、以前述べたとおり、we ...

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

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

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

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

スマホ

電話番号「020」と、広がる「IoT」の世界

枯渇していく携帯番号 携帯電話の普及に伴い、現在どんどん番号が枯渇しています。もともとPHSで御馴染みだった「070」(平成25年から携帯電話でも使用)にいたっては総務省によると2018年で枯渇する可能性があると言われています。現 ...

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