- ベストアンサー
HTMLとCSSについて
HTMLの本を見ながらHTMLを勉強していますが、 所々にCSSと言う言葉が出てきます。 本を読んでいてもCSSはHMTLを細かく操作すると書いてありました。 と言う事はCSSはHTMLとは違う言語なんでしょうか？ CSSを教えてくれませんか、お願いします。
- sumeshi12
- お礼率26% (101/383)
- その他（プログラミング・開発）
- 回答数5
- ありがとう数3
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
CSSを使ったサイトが、ここ数年多くなっております。 CSSの理屈さえわかれば非常に便利です。 HTMLだけだは、出来ない細かい部分の指定も可能です。 色、大きさ、隙間等々、要はデザイン的に整えたり 各ページのデザイン等を一度に変更させたり出来ます。 例えば：HTMLで <p><font color=#999999>あああああ</font></p> <p><font color=#999999>いいいいい</font></p> <p><font color=#999999>ううううう</font></p> 上記の色を変更したい場合、color=#999999を全部変えますが CSSなら <p>あああああ</p> <p>いいいいい</p> <p>ううううう</p> ---------------------- p {color: #999999} 上記の:#999999の変更だけで全部のPの色が簡単に変更されます。 よって、全ページを統一させたりまとめたりする管理・作業が簡単になります。 当然、例の様に簡潔なテキストになります。 少なくとも例の様に同じタグが羅列するのなら その部分だけでもCSSで統一させると簡単です。 HTMLのオプションがCSSだと思ってください。
その他の回答 (4)
此処で聞くよりも「HTML」「CSS」で検索して調べた方が早く確実なのでは？ 「HTML」 http://www.google.co.jp/search?hl=ja&q=HTML&btnG=Google+%E6%A4%9C%E7%B4%A2&lr= 「CSS」 http://www.google.co.jp/search?hl=ja&q=CSS&btnG=%E6%A4%9C%E7%B4%A2&lr=
- nitto3
- ベストアンサー率21% (2656/12205)
スタイルシートといって別の言語でしょうね。 でもＨＴＭＬタグとＣＳＳをごちゃ混ぜにしても平気です。 細かいという言葉がいいかどうかは別にして ＨＴＭＬタグより指定できる項目が多いです。 その本にＣＳＳという言葉が出てくるなら 解説も載っていると思いますけどね。
- inu2
- ベストアンサー率33% (1229/3720)
昔は、HTMLのみで、色や形などの見た目を整形していましたが、今ではHTMLは骨格のみ。CSSで色や文字の大きさ、種類を決めるのが一般的です。 そうすれば、HTMLはそのままで見た目の色や形、線の太さなどを変えたい場合はCSSのみを変更すればよいだけとなり、デザイナーさんの腕の見せ所でもあります。 たとえば、 CSSをHTMLに埋め込む方法です。 <div style="color:white; background:black;"> 白文字黒バック </div> と書けば、文字色や背景色を変えられます しかし、これでは色を変えたり背景を変えたい場合や、 何十箇所も同じものを書かなくてはならずかなり面倒です これをCSSファイルとHTMLファイルに分離したりすることが可能で、分離することによりCSSファイルだけを差し替えたり、編集することで作業効率が飛躍的にあがります CSSを外部ファイルにした場合 -----test.css h2 { color:white; background:black; } ------ ---test.html <html> <head> <link rel="stylesheet" type="text/css" href="test.css" /> <title>たいとる</title> </head> <body> <h2>いろとか変わる</h2> <h2>ここもかわる</h2> <h2>h2タグが変わる</h2> </body> </html> ---- といった感じ、HTMLとしては「素」の状態にしておく。 色や形、レイアウトはCSSを使う。 たとえば、ブログ等を使ったことはないでしょうか？ 自分の好みの色や形やレイアウトを選べますよね？ でも、基本的なHTMLは一種類だけでCSSを差し替えるだけでさまざまなデザインを選択できる 仕組みになっているのが一般的です。 詳しくは、 「CSS 入門」等で検索したり、CSS関連の書籍などを勉強してください。
- comeacross
- ベストアンサー率28% (13/46)
HTMLとCSSは違います。 CSSが策定される以前は、 HTMLでデザインやレイアウトなどのビジュアル要素まで指定していましたが 「本来、HTMLは文書構造を指定するものだ」という考えから ビジュアル要素はHTMLから切り離され、CSSという 決まりごとを使って指定することになりました。 そして現在では、 HTMLとCSS、つまり文書構造とビジュアルを別々に管理することで 効率的なページ制作ができるようにもなりました。 大体こんな感じですね。
関連するQ&A
- HTMLとCSSについて勉強しています。
HTMLとCSSについて勉強しています。 PCについての基本操作はできますが、HTMLについてはまったくの素人。 Dreamweaverを使ってのWEB講座を受講したのでソフトを使えばCSSもある程度使ってHPを作成できるようになりました。 ただタグをきちんと理解していないので、細かいところでつまづいてしまいます。 勉強用に本を購入したいのですが、 1.一週間でマスターするHTML for Windows (1 Week Master Series) 2.HTMLとスタイルシートによる最新Webサイト作成術 どちらを購入するか迷っています。 先生に1.の１週間でマスターするシリーズの福島靖治著は非常にわかりやすいといわれJavascript・CGI・Perlはこのシリーズを購入したのですが、基本となるHTMLについては著書が違うので購入をためらっています。 amazonのレビューで2.がわかりやすいとあったのですが、HTMLの知識が歯抜けで基礎も応用もというようなお勧め本は他にありますか？ よろしくお願いします。
- ベストアンサー
- HTML
- 簡素化したHTMLを書けるようCSSを勉強中です
出来るだけ簡素化したHTMLを書けるよう、CSSを勉強中なのですが、今はドリームウィーバーのCS5.5なのですが、ホームページビルダーでホームページ作りを勉強し始めたため、どうしてもホームページビルダーの癖が出てしまいますし、ＣＳＳの云わんとするところは理解出来るのですが、「じゃあ具体的にどうしたらいいの？！」ってなってしまいます。 具体的には、ＨＴＭＬだけで、TABLEを多重化させ書いていたページを、見た目を変えずに、ＴＡＢＬＥを使わずに、HTML（出来ればＸＨＴＭＬ）＋ＣＳＳ（外部ファイル）でweb2.0で書くとどうなるかとか、 画像のロールオーバーを≪<body onload=≫で書いていたのを同じくHTML（出来ればＸＨＴＭＬ）＋ＣＳＳ（外部ファイル）で書くとどうなるかとか、比較してあると「私は」分かりやすいのですが、そういうサイトをなかなか探し出せないでいます。 こういう事を比較して書いてあるサイトがありましたら、教えて頂きたいです。 また、検索エンジン最適化（Search Engine Optimization、SEO）にもＣＳＳは有効だという事ですが、≪<meta name="Keywords" content=≫等は、ＨＴＭＬファイルに書くか、ＣＳＳファイルに書いた方が良いのか、ＣＳＳに書くなら書き方は同じで良いのか等、分からない事だらけです。 よろしくお願いします。
- 締切済み
- CSS
- HTML5＋CSS3 でしかできないこと
長年、趣味や一部仕事で XHTML+CSS のサイトを作っています。 数年前から、サイト内にCGIを入れたり、色んな動きを楽しむため javascriptを導入してサイト作成を楽しんでいたりもします。 言語も html css javascript jquery php など、色々楽しみながら勉強してきました。 ほんの数年前から、HTML５＋CSS３ が登場しましたが、 様子を見ていると、どんどん独創的なサイトが出てきています。 スマートフォン用のサイトも作れるようになりたいな、と思っていましたが ようやく重い腰を上げて作業に取り掛かろうと思っています。 そこで質問なのですが、HTML5＋CSS3で作られたサイトで まるでjavascriptで制御されたような軽快なスクロールや動きが散見されます。 こうしたサイトを見ると、javascriptで動かしているのかHTML5で動かしているのか 判別がつきません。 HTML5やCSS3で新しく実装された機能については、ネットで調べると色々出てきます。 例えば、リンクタグをブロック要素化することが簡単になったとか、 角が丸い四角形を充てることができるようになったとか、電話番号をタップすると 「通話」ボタンが出るようになったとか、個別の機能についてはなんとなく把握しました。 しかし、「HTML5+CSS3で作られたサイト全体」で見ると、 いまいちピンと来ないのです。 そこで、お詳しい方に是非、以下のような形で 教えてもらえたらと思い、投稿しました。 ------------------------------------- 実際にHTML5+CSS3で作られたサイトを基に、 どこをどのように設定したのかを見せて欲しい ------------------------------------- 例えば、 http://www.hotakubo-seikei.com/ は、ソースを見るとHTML５で作られていますが（section タグや header タグがありますね） XHTML+CSSでサイトを長年作ってきた人間からすると、 どうしてこんなサイトができるのか全く分からないのです。 javascriptもいくつか利用されていますが、どれがjavascriptによるもので どれがHTML5+CSS3によるものなのかわかりません。 また、一番驚いたのが、サイトの構成です。 サイト全体の横幅が無く全画面表示になっており、 ３カラムで、縦スクロールするとディレクトリが変わるなんて XHTML+CSSの常識では考えられません。 もちろん、デザイナーによるデザインでこうなったと言ってしまえばそれまでですが、 それを実装できていることに感動しているのです。 ↑↑↑ こんな感じで、何かサンプルサイトを基に XHTML+CSSとの違いや、HTML5+CSS3だからこそ実現できることを 分かりやすく教えてもらえたらとても有難いです。 サンプルサイト付きで、なるべく詳しく教えて頂いた方に ポイントを付与させていただきたいと考えております＾＾ どうぞ宜しくお願い致します！
- ベストアンサー
- その他（インターネット・Webサービス）
- HTML・CSSを忘れない用にするには？
HTML・CSSを忘れない用にするには？ 自分のHPを作成するために、HTML・CSSを本で学びましたが、HPを作っってしまったら更新作業をするだけなので、いまではほとんど覚えた事を忘れてしまいました。 そこで、HTML・CSSを忘れないようにしたいのですが、どのようにして忘れないようにしたら良いでしょうか？ 無料のテンプレートを見て毎日HTML・CSSを打っていれば覚えておけるのでは？と思っていますが、皆様はどうようして忘れないようにしているのでしょうか？ あと、沢山のHPのソースを見ると <div id="ok_header"> <div id="ps_header"> 上記のように前にスペースが空いていますが、HTMLの打つ位置はなにか決まり事があるのでしょうか？ よろしくお願いします。
- ベストアンサー
- デザイナー・クリエイティブ職
- HTML5、ＣＳＳ、ＪａｖａScript、CSS3
ホームページ作成をしてみようと考えています。 フリーソフトも出ていますが件名に記載したプログラミング言語やデザインソフト？も 名前しかわからず、検索してもどう体系づけられていて、効率よく作成するには どれが必要なのかわかりません。 そこで質問いたします。 （１）それぞれ、機能が重複している部分があるのでしょうか？ 個別に独自の機能があるのであれば、作成するＨＰ次第で購入すればよい のでしょうか？ （２）高価なドリームウエーバーを使うと簡単に記述できるようですが、それがあれば 上記のソフトを個別に購入しなくても済むのでしょうか？ （３）ＨＴＭＬ４の進化形がＨＴＭＬ５だといいますが、すると４の解説本でなく５のガイドブック を購入した方がよいでしょうか？ （４）ＣＳＳの進化形がＣＳＳ３だとすれば、解説本もＣＳＳ３のものでよいでしょうか？ どなたか、わかりやすくご説明いただけるとありがたいです。 なるべくフリーソフトを使わずに作ってみたいと思っています。 必要なら通学も考えていますが高額でもあり、その前に概要を知っておきたいです。
- ベストアンサー
- CSS
- ＨＴＭＬやＣＳＳの言語は音読みする時は？何語？
ホームページ作りを勉強中です。ＨＴＭＬやＣＳＳの言語って英語なんですよね？というのも<!DOCUTYPE HTML PUBLIC "-3//W3C//DTD HTML 4.01//EN">の最後がENだからでしょうか？そこが違ったら英語じゃないということですか？本題ですが、例えばリンクを表すA HREFとかって何て呼ぶんですか？カタカナで。ほかにも何て呼んだらいいかわからないタグがたくさんあります。カタカナで読み方も書いてある本やサイトってないのでしょうか？ありましたら教えてください。よろしくお願いします。
- ベストアンサー
- Windows XP
- HTML CSS
独学でフリーWebデザイナーになることを目指しています。 今から勉強しようと思うのですが、いろいろ調べたところまずはHTML＆CSSの学習からとありました。 はずかしい質問とは思いますが、勉強方法がわかりません。 よろしくお願いします。
- 締切済み
- インターネットビジネス
- HTMLとCSSのオススメ本
現在HTMLとCSSを基礎知識をマスターしようとしています。 とりあえず、HTML&CSS入門本を1冊購入し最後まで読み終わりました。 実践形式な本だったので、その本に書かれてある手順通りの簡単なサンプルサイトが出来上がりました。 あまりにも簡単な内容だったので、基礎知識をマスターまでは出来ていないと思います。 ですので、2冊目として基礎～マスターまで学習できる本を探しています。 1冊目の実践形式で進めていける本はとても分かりやすかったので、文字ばっかりの知識紹介やタグの羅列辞典等ではなく、画像等をはさみながら操作手順をこなしていける内容の本、又はサイトを探しています。 良い本、またはサイトはありますでしょうか？
- ベストアンサー
- HTML
- HTMLとCSSとJavaScript でアプリを
HTMLとCSSと JavaScript でiphoneとアンドロイドのアプリが作れると聞いたので 早速、amazonでアプリを作れる本を見ていろいろ調べてみていたところ 一冊ではHTMLとCSSとJavaScriptを学ぶには無理がある。 内容が薄い。 というレビューがたくさんありました。 なので HTMLとCSSとJavaScript でアプリを作れる人に質問なのですが これらを一から学ぶときには ひとつひとつしっかり学んでアプリを作れば良いのか それとも内容の薄いHTMLとCSSとJavaScriptを一気に学べる本を 何冊もやるのかどちらの方がいいでしょうか？
- ベストアンサー
- JavaScript
- 本とWebサイト HTMLとCSSを勉強するなら？
プログラムのプの字も知らないド素人ですが、HTMLとCSSに興味を持ちました。 これらのことを書いたサイトがいくつかありますが、そういうサイトで勉強するだけで充分なのか、体系的に書かれている本で勉強するべきなのかが分かりません。 サイトで充分という人もいるんですが、どうにもそういう事を言ってる人は、HTML・CSSをプログラミングとして見くびってるか、プログラマーとして中級以上の人で細切れの情報で充分という方ばかりのようにも見えます。 かといって、無料で提供しているサイトをそこまで信用していいものかも疑問だし、情報の古い新しいも区別がつかないので、大人しく本で勉強した方が良いようにも思えます。 どちらが良いと思いますか？ 本がいいという場合は、お奨めの本なども教えていただけると助かります。
- ベストアンサー
- CSS
