CSSスタイルシート（Cascading Style Sheet）とHTMLコードを組み合わせるとこんなことができるというチュートリアルがありました。”何とか.html”というHTMLコードだけだと右下の図ように単なる箇条書きのウェブページになるだけですが、これに”何とか.css”というファイルを組み合わせると右上の図のようなウェブページ表示になるんです。

HTMLコードを覚えるだけでも一苦労なのに、この上さらにCSSコードの勉強？何とかして、このCSSファイルをグラフィックに生成するソフトはないのか？と色々探してみたのですが、、、なさそうです、、、特にフリーのソフトはまだない？誰かご存知の方、居られましたら、ご一報お願いします。

今のところ、下のチュートリアルのように気長にコードを書いていくしかなさそうです。英語です、悪しからず、、、
http://css.maxdesign.com.au/selectutorial/tutorial_step2.htm

このリンクのページの下の方にある青い”View Step2 >”をクリックすると現在表示してあるHTMLとCSSコードだとどのようなページが表示されるかを見せてくれます。”Go to Step 3>”等々をクリックしていくとステップ・バイ・ステップでHTMLコードとCSSスタイルシートの内容が追加的に示されて、それぞれの段階でウェブページがどのように表示されるか見せてくれます。

ホームページに行けばその他のCSSデザインの仕方の資料があります。
http://css.maxdesign.com.au/index.htm

結局、このTypo３でも、タイポスクリプトのテンプレートとHTMLテンプレート(各コンテンツを流し込む位置が定められている)とCSSファイルでウェブページを表示しています。上のチュートリアルにあるようにCSSファイルを書き換えるだけでウェブページの表示がガラっと変わってしまいます、、、尚、どのHTMLテンプレートとCSSファイルを使うかは、タイポスクリプトで指定できます。このサイトでも使っている”HTML/CSSスタイリング”という拡張機能（Extension）を使う場合のディレクトリ名とファイル名は、タイポスクリプトテンプレートのこの拡張機能のコンスタントで編集・変更できます。