CSS３のタグを入力して出るようにしたい。

質問

現在自分のブラウザーはIE9でHP作成の勉強をしています。
たぶん、そんなに古くないと思っているのですが、CSS3を活用するページのタグを入力すると本の通りの結果になりません。CCS2.1らへんのだったら全然大丈夫です。

これをどうにかしてCCS3のタグ結果が表示されるようにしたいです。
どうか教えてください。

回答No.4

ORUKA1951 · ベストアンサー

現状では、HTML4.01strict【transitinalやframesetじゃない】とCSS2.1をしっかり身につけてください。
　それ以前の仕様やtransitinalやframesetは、まったく学ぶ必要がありません。
→『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。・・・・・推奨しない要素は、HTMLの将来のバージョンでは廃止になる可能性がある。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』

・HTML4.01は過去のHTMLの進んできた道への反省から根本的に見直された仕様で後のすべての仕様(XHTML1.0,XHTML1.1,HTML5)の基礎となる仕様で、現在のウェブ標準と考えて良いでしょう。HTML5はHTML4.01strictの改訂版です。

・HTML5は、DOM,JavaScript,API,CSS3,WAIなど様様な仕様の総称でもあります。とても膨大でその基礎を身につけていないと太刀打ちできません。
★Webの3つの問題を解決する「HTML5」とは何なのか - ＠IT ( http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli01/01.html )

1) メモ: CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。つまり、正当なHTMLを用いるべきです。. ( http://jigsaw.w3.org/css-validator/#validate_by_input )
　まず、HTMLが正しくなければ、ブラウザが不正なHTMLを何とか表示しようとする過程で文書解析木が破綻してスタイルシートが適用されなくなります。
・作成したHTMLを都度（ Another HTML-lint 5 ( http://www.htmllint.net/html-lint/htmllint.html# ) ）などでチェックして、指摘されたエラーとその解決方法に目を通していく。これは下手な参考書よりよっぽど役に立ちます。
・HTML4.01の仕様書( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html )を利用する。
『著者である読者に対しては、本仕様書が、HTMLの実装詳細に必要以上に触れずに使える、効率的・魅力的でアクセス性のよい文書を著述する際に必要な道具となることを望む。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/about.html#h-1.2 )』
　とてもよくできた、過去のW3Cの仕様書の中では秀逸なものです。HTMLの知識で必要なことは基本的にここにすべてある。
　当時と特に変わった点は、「文書構造」への注力です。これは先に紹介した「Webの3つの問題を解決する「HTML5」とは何なのか」の記事にある『次に挙げられる問題としては、「以前のHTMLは、文書構造の「意味」を表すための機能が不足していた」ということが挙げられます。 ( http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli01/02.html )』
　と密接に関わる部分ですが、HTML4.01の『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』と「HTML5の3.1. 新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )」を読み比べれば、よく理解できるでしょう。

（スタイルシート）
　その上で、スタイルシートをきちんと学んでください。
　^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
　大事なことは「こんなことができる」というプロパティではなく--そんなものあとからいくらでも---セレクタやカスケーディングの仕組みです。
★REC-CSS2 邦訳 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html#toc )
　※残念ながら、現在標準になっているCSS2.1の良い邦訳を知りません。いくつか重要な部分で改定がされています。特にセレクタの詳細度
　※変更点(CSS2.1 Appendix C 邦訳) ( http://www.d-toybox.com/spec/CSS2.1/appendixC/ )

　参考書を挙げなかったのは、参考書は仕様書を知らない、理解していない時でないと書けないのです。----だって仕様書を見ればより端的に的確に正しい情報があるのに、わざわざ参考書を書くと言うことは「仕様書を知らない、理解していない」からではないかと、仕様書のこのページを読みなさいですむことをわざわざ本にはしない。
　以上挙げた資料だけでも、下手な参考書やネットと言う藁の山から針を探すより効率的ではないかと・・
　リンク先と、その内容のリンク先・・などを読むだけで時間はつぶせる(^^)でしょう。その上で参考書を探すと、本当の意味であなたに最適な本が見つかるでしょう。

回答No.3

ORUKA1951

はっきり言って、色々な意味で早すぎます。
すでにお分かりのように、IEが現役でたくさん使われている状況でHTML5やCSS3は現実的ではありません。
　そのまえに、HTML4.01strict(strictです)とCSS2.1をしっかり身につけましょう。
「HP」「CSS3のタグ」といわれている時点でも基本がまったくできていないことが明白です。絶対にHTML4.01strictとCSS2.1を身につけてから、HTML5やCSS3の学習を始めるほうが効率的です。土台ができていないのに、その上に建物は建てられません。

　CSS3のプロパティが適用されない---という意味だと思いますが、プロパティより先にセレクタやカスケーディングを身につけるべきです。スタイルシートの参考書でしたら、それらに半分以上のページが割かれているはずです。

　IE以外は、CSS3に対応している部分が多いですが、ウェブページ作成の練習にはfirefoxがとても便利です。なんといっても豊富なアドオン、特に開発者向けツール ( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )が豊富です。firebugを使うと、リアルタイムでスタイルシートやHTMLの確認修正ができます。

補足

回答ありがとうございます。
まさかCSS3が普及あんまりされていないものと思わず、手出してしまいました。
自分は10日で覚えるCSS/CSS3入門教室という本で勉強してたのですが、本の半分がCSS3のことなので、
今学ぶものではないと思い、別の参考書買おうとか検討しているのですが、
何かオススメの参考書はありませんでしょうか？

回答No.2

fujillin

＞どうにかしてCCS3のタグ結果が表示されるようにしたいです
なかなか難しいのではないかと思います。（ブラウザの改造になるので）

このあたり（↓）をご参考に、対応ブラウザに切替える方がはるかに簡単でてっとり速いと思います。
http://ebisu.com/memo/css3
http://html5-css3.jp/useful/css3-html5.html

他の方法としてこんなのもありますが、対応できる内容にも限界が。
http://kojika17.com/2011/02/css3-for-ie.php

回答No.1

DrFell

クロームをCss3の勉強用にインストールされてはいかがでしょうか？

IEを基準にhtml+cssを作成すると後の調整が大変になりませんか？チャレンジャーですねということは置いておいて、IE9はそんなに古くはありませんが、Css3の対応はプロパティなどは貧弱です。セレクタには問題ないと思われます。
http://www.findmebyip.com/litmus/

普段はIE9を使っていてもCsｓ3勉強の時だけ対応状態のよいブラウザChromeにではダメな理由があれば教えてください。サイト管理者の多くは、動作確認用に主要なブラウザをインストールし切り替えながら使っています。関連付けはIE9のまま一時的にChrome を使われることをお勧めします。