2019.04.21こんにちは。ドルフィンですここではCSSの入門として、HTMLにCSSファイルを追加するやり方を説明します。style.cssについての話と、実際にそれを作って、HTMLに読み込みをさせるという所を学んでいきたいと思います。style.cssの解説と使い方ここではstyle.cssについて解説していきたいと思います。style.cssとは、簡単に説明するとCSSだけを書き込んだファイルのことです。HTMLファイルはHTMLだけ、CSSファイルはCSSだけを書き込むようにするのが一般的です。前回の記事ではHTMLファイル内にstyleタグを書いて、その中でCSSを書いたのですが今回はより実践的に、style.cssというファイルにCSSを書き込んでHTMLファイルとCSSファイルを連動させるという事をやっていきたいと思います。htmlファイルを作ります。class="box_A">こんにちは!</div></body></html>CSSを追加するにあたって、headタグの中にこれを追加しています。これがCSSを読み込みさせるためのlinkタグと呼ばれる部分です。href="style.css">そして今回はCSS専用のファイルを新しく作成します。そこにstyle.cssと名前を付けて保存してください。このファイルを、HTMLで呼び出したいと思います。CSSファイルの作り方まずは新しいファイルを作ります。SublimeTextでいうと、NewFileです。background:#c0c0c0;}これをstyle.cssという名前で保存します。htmlファイルと同じフォルダに置いてくださいstyle.cssとして保存htmlファイルと同じフォルダにファイルを入れてあげるこれでCSSを読み込むことができます!index.htmlをブラウザで開いてみてください。box_AにCSSが適用されていると思いますこのようにCSSとHTMLをファイル分けするのが基本となっております。覚えて頂ければと思います!ちなみに、JavaScriptではCSSファイルとは別にJSファイルというものが用いられます。こちらも紹介のタイミングがあれば記事にしていきたいと思っています。最後までご覧頂きありがとうございました。表を作るのに必要な知識5つ前回の記事で少しだけ触れた、レイアウトタグについての記事とさせていただきます。レイアウトタグは自分が勝手につけた名前なので、ここだけの呼び名としてくださいtableタグ前回すこしだけ見たtableタグです<table>というタグで囲まれたタグのことを指しますが、この記事では覚えることが全部で4つありますこれが書けるようになると、こんな表を作れるようになります。SublimeText3を使ってHTMLの基本を書いてみようはじめまして。ドルフィンですこのブログにたどり着いたあなたは、htmlについて学びたい、htmlを今よりも詳しく知りたいとお考えだと思います。そんな読者の皆様が簡単にhtmlを書けるようになり、簡単にウェブサイトを作れるようになるまで、コーディングを解説していきたいと思います今回は、HTMLの基本について学んでいきます。初心者向けスマホ対応サイトの作成手順【bootstrap】こんにちは。スマホ向けサイトの作り方を簡単に紹介していきます。今のウェブサイト制作は、スマホ向けコンテンツなど多種多彩に渡って大きく力を注ぐ企業が多いです。ドルフィンですこの記事では、HTMLのidとclassについてそしてCSSの書き方について紹介していきたいと思います。書くだけでなく、より実践的な内容となっておりますので、ぜひ最後まで読んで頂ければと思います。