【プログラミング教育ナビ】は、プログラミング初心者が自分に合った勉強法や教室を見つけられたり、プログラミングに特化した求人が検索できたり、SaaSの比較ができるサイトです。人気講座のある入門スクールや独学できる学習サイトを、口コミ・評判で比較してランキング形式でご紹介しています。言語から探す場所から探す条件から探すrsstwitterfacebook案件獲得できなかったら全額返金!未経験からプロのエンジニアスキルを身につけ、フリーエンジニアとして稼げるまで徹底サポート。言語から探すTweetPocketCSSはWeb画面の装飾を指定するための言語です。Web画面がスクリーンに表示される際には、多くの装飾要素があります。文字の色・サイズや、罫線の太さ・色、背景色といった細かい表示スタイルを指定することができます。スマートフォンで表示される場合のみ適用されるレイアウトや、プリンタなどの機器で印刷・出力される際の出力スタイルなども定義することができます。CSSはWeb画面の構造を示すHTMLと組み合わせて用いられます。HTMLは、どの文字が見出しであり、どこからどこまでが段落である、といった文書の構造を指定します。CSSはその見出しがどのくらいのサイズでどのような色をしているか、といった指定をすることになります。CSSはあらゆるWeb画面で用いられている技術なので、習得するとWeb画面制作の幅が大きく広がることになるでしょう。CSSは単体で用いられることはなく、他の技術と組み合わせて用いられます。CSSを高度に利用するには、HTMLやJavaScriptといった技術も習得する必要があります。Web画面の訪問者がボタンを押すと、文字の色が変化するといった仕組みを作るとします。ボタンを定義するのはHTML、ボタンを押したときのイベントを処理するのがJavaScript、色を管理するのがCSSです。複数の技術を組み合わせることで、様々なデザインの制作が可能になるでしょう。CSS(シーエスエス)の講座があるプログラミング学習サイトProgate(プロゲート)シラバスドットインストールShareWis(シェアウィズ)DouGaku(動学)ACT(アクト)CODEPREP(コードプレップ)下記では、各学習サイトの詳細をご紹介します。1.Progate(プロゲート)ProgateのCSS講座では、実際のHTMLのWebページに対して、文字の色や大きさを変える、ボーダーラインのつける、幅をとるなどの装飾をCSSを使って行っていきます。応用編では、要素の透過やボタン作成、クリック時の変化などを使いより実践的なランディングページ作成を行います。「エディタにコーディングして、チェックして...」というのを繰り返すことで着実にスキルがついていきます。Progate(プロゲート)の詳細を見る2.シラバスシラバスではHTMLの知識を持っている方を対象にして「CSS入門」を提供しています。文字ベースの解説に、エディタや表示結果のキャプチャを交えて解説されているので、初心者でも理解できる内容になっています。特徴としては、実際にはそこまで使わないタグまで網羅的に詳しく説明されている点です。CSSについて幅広い知識をつけておきたい方や辞書的に使いたいサイトを探している方に特におすすめです。シラバスの詳細を見る3.ドットインストールドットインストールでは「CSS入門」という講座を無料で視聴することができます。これまで200万人以上が視聴してきており、現在も3000人がこれで学習を進めています。CSSの中でも特によく使う、floatやclear、background、margin、paddingなどよく使うタグに関しては全て網羅した内容なので、この全22回の動画を全て視聴することでおおよそのCSSの知識はつけることができます。ドットインストールの詳細を見る4.ShareWis(シェアウィズ)ShareWisの「動画で学ぶCSS入門」はCSSの中でもフォントスタイルの変更だけに特化した内容になっており、「CSSのタグを覚える」といった用途ではなく「CSSがどういったものか知る」という目的でよく使われ、これまで2000回受講されています。selectorなどの要素を説明している動画も別であるので、是非ご覧ください。ShareWis(シェアウィズ)の詳細を見る5.DouGaku(動学)DouGakuには「HTML講座」がありますが、講座内の応用編ではスタイルシートの使い方を学習します。具体的には、文字の色や大きさの指定、背景色の指定、要素同士の間隔の指定などが学べます。CSSがメインというわけではないので、「HTMLを学ぶのと一緒にCSSも知っておきたい」という方におすすめの勉強法です。DouGaku(動学)の詳細を見る6.ACT(アクト)ACTには2,980円のHTMLとCSSが学べる初心者向けのコースがあります。各単元ごとに区切られた10分弱の短い動画レッスンを視聴する形で学習を進めます。テーブルやリスト、画像をCSSによって見栄えよく整えていくプロセスを通してHTMLとCSSの関係性や、CSSの書式のルールをマスターできるような内容になっています。ACT(アクト)の詳細を見る7.CODEPREP(コードプレップ)まず、「はじめてのCSS」にてセレクタの利用、文字のデザイン・大きさ変更、余白付けなどCSSの核となるコードを勉強します。基礎が身についた後は、「斜型ボックス作り」「リボン型見出し」「3段レイアウト」など課題ごとに解いていく応用編にチャレンジできます。CSS3になって新しくできるようになったことを学べる講座もあるので、是非利用してみてください。CODEPREP(コードプレップ)の詳細を見るCSS(シーエスエス)の勉強を成功させるためにCSSは基本的にHTMLの知識が前提となって初めて生きる技術です。そのため、CSSを単体で学ぼうとするのではなく、HTMLとCSSの関係性をうまく理解しながら進められる勉強法をおすすめします。上記でご紹介している学習サービスは全てHTMLの学習も併せてできるコンテンツが揃っているので、気になったサイトがあったら覗いて勉強を始めてみましょう。投稿者:プログラミング教育ナビ編集部tweetプログラミングで挫折しそうなら、現役エンジニアにマンツーマンで相談してみませんか?オンラインのプログラミングスクール「TechAcademy」のメンターが対応。人気の記事まだデータがありません。【プログラミング教育ナビ】は、プログラミング初心者が自分に合った勉強法や教室を見つけられたり、プログラミングに特化した求人が検索できたり、SaaSの比較ができるサイトです。人気講座のある入門スクールや独学できる学習サイトを、口コミ・評判で比較してランキング形式でご紹介しています。