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

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

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

謎?のボタン[CapsLock]キーの使い道

文字入力中に急に出てくる大文字 キーボードで文字入力をしていてよく聞くトラブルに 「いきなり大文字しか打てなくなった!壊れた!」 というハプニングがあります。 もちろん壊れた訳ではないのですが、 ・何がどうなってそんな事に ...

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

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

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

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

給料と幸福度の高い職業

給料と幸福度の高い職業 米求人サイトのキャリアブリスは、年収10万ドル(約1100万円)以上の職業に限定した幸福度ランキングを発表しました。 ランキング作成にあたり、キャリアブリスは2015年1月から2017年6月1日までに従業 ...

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

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

LINEブログがもたらす革命

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

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

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

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

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

日本はIT後進国なのか

IT後進国か否か 日本はIT機器の普及なども充実しているようにみえ、経済的にも先進国として認識されている。 また戦後から産業か発展し日本製が多く出回るようになったが、現在はどうか? 現在、パソコンは日本製よりも海外製の ...

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