【解説】

筆記、、入力、技巧という科目がありますが、この場合、これらにあまり意味はありません。
つまり、誰が何点取ったかということの方が重要であり、
まず、上の手ががりで確実にいえる部分に着目します。
3番目の手がかりである「花子さんの成績のなかに90点がある」ことだけが確実にいえ、他の手がかりは、複数通りの可能性があります。
まず、その「花子さん90点」に○をつけましょう。

次に「次郎さんと三郎さんのうち、一人は80点を取った」ということから、仮に次郎さんが80点を取ったと仮定した場合、他の手がかりとの矛盾が生じないかを検証します。
次郎さんの80点に○をすれば、当然、三郎さんの80点には×がつきます。

すると次の手がかり「次郎さんと三郎さんのいずれも、80点と70点の両方を取ってはいませんでした」ということから、次郎さんの70点に×がつき、三郎さんの70点に○がつきます。

さらに、4つ目の手がかり「三郎さんと花子さんのうち、一人は70点を取りましたが、もう一人は70点を取ってはいませんでした。」から、既に三郎さんの70点に○がついているので、自動的に花子さんの70点に×がつきます。

おや、変なことになってきました。
70点の欄を見ると、各点数ともすべて3人ずつ取っているという前提を満たさなくなってしまいました。
ということは、最初に仮定した「次郎さんが80点」というのが間違っていたということになります。
したがって、三郎さんが80点、次郎さんは80点を取っていないということで、再度、始めてみましょう。

さらに、「次郎さんと三郎さんはいずれも70点と80点の両方を取っていなかった」とのことより、次郎さんが70点を取り80点は取っていない、三郎さんが80点を取り70点は取っていなかったことになります。

さらに、「三郎さんと花子さんのうち一人が70点を取った」ということから、既に三郎さんは70点を取っていないですから、花子さんが70点を取ったということになります。

手がかりはこれだけですから、もうこれ以上はヒントがない...と思いがちですが、大前提を忘れてはなりません。つまり、「各人はすべて別々の3種類の点数を取ったこと」と「各点数はそれぞれ別々の3人の人により取られたこと」から、太郎さんが70点を取ったことになります。

さらに、80点でも、次郎さんが80点を取っていないことから、他の3人がそれぞれ取ったことになります。

同様に、個人の欄も×のある次郎さん、三郎さんは、その他の欄に○を入れることができます。

ここまでくれば、後の欄も同様の考え方で埋めることができます。

【解答】

太郎さん 100点・80点・70点
次郎さん 100点・90点・70点
三郎さん 100点・90点・80点
花子さん  90点・80点・70点

答えを聞けば、そう難しくもありませんが、答えを聞くまでは、案外、難しいものです。
　

詳細はクラスで説明します。

※わかりにくいようであれば説明しますのでクラス開催日にお申し出ください。
　

機能の主なものを紹介しておくと、例えばフォント、フォントサイズなど、従来のHTMLタグにも、ある程度、機能のあったものから、ページレイアウト、行間設定、改行の扱い、フィルターなどCSSを使ってはじめて実現できる機能なども結構、あります。

なお、要素ごとにstyle属性を組み込み、CSS機能を設定する方法もあります。（要素ごとの設定とは、例えば<P>タグなどに、<P style="color : #0000FF"＞などと設定し、その段落のみにCSSを適用させることをいいます。この文例ではその段落内の文字色は青になります。）
当然、外部CSSファイルなら複数のページから共通のCSSファイルを呼び出すことができるので、資源（リソース）の共有化という観点からすると最も効率的です。
ページのheader部に記述する方法は、そのページ内でCSSの記述を共有することができますが、要素ごとにstyle属性を設定する方法では、その要素のみにしか適用されません。
当然、資源の共有という点でみると効率的ではありませんが、特例的に設定するなど、状況によっては有効です。

各機能の詳細は次回以降に取り上げます。

詳細はクラスで説明します。

※わかりにくいようであれば説明しますのでクラス開催日にお申し出ください。
　

この程度（背景の変更）のことならページエディターで各ページのHTMLの記述を直しても、そう面倒ではない...と考える人もいるかもしれません。
確かに背景の表示程度ならページエディターでも直すのはそう難しくはありません。
しかし、CSSにはHTMLタグ、あるいは他のスクリプトでは表現できない機能もあります。（背景の設定であれば、背景画像の並べ方、背景の表示位置など。もちろん、それ以外にも、HTMLよりも細かい段階でのフォントサイズの設定、文章の行間設定、レイアウト設定、フィルター機能など、たくさんのCSS独特の機能もあります。）
このように、CSS機能はいまやWEBデザイナーにとっては必須の技能となっています。

　
【外部スタイルシートの作成】

先の【CSSの概要】の記述文をCSSファイルにするのであれば、メモ帳に上のように記述し、そのまま、ファイルメニューの「名前をつけて保存」を選び、ファイル名を例えばbasic.cssなどと名づけ、保存します。これで外部CSSファイルはできあがりです。

↓

なお、複数の記述を同一ファイル内に記述することができます。

詳細はクラスで説明します。

※わかりにくいようであれば説明しますのでクラス開催日にお申し出ください。
　

古い、あるいは機能の乏しいページエディタだと、CSS文をプレビュー画面で確認できないことがありますが、サーバーへ転送すればブラウザで確認できます。（もちろん、正確に記述してあれば、の前提ですが...。）


詳細はクラスで説明します。

※わかりにくいようであれば説明しますのでクラス開催日にお申し出ください。