卒業生インタビューその他ITコラムHOMEITコラムHTML・CSSCSS入門を果たすために知るべき、たった3つの重要ポイントITコラム2015.08.21CSS入門を果たすために知るべき、たった3つの重要ポイントホームページ制作の勉強をし始めたけど、なかなか思い通りのデザインが作れるようにならない・・・。そんなお悩みはありませんか?実際CSSは、思ったより複雑な点が多く、仕組みも理解したはずなのになぜか動かないことがとても多いです。ようなhtmlタグにおける、「class="container"」の部分のことです。基本的にCSSでは、この「セレクタ」に対し、各デザインの設定をしていくようなイメージです。red}のように設定することで、containerというclassが付けられたタグに対し、文字の色を赤にすることができます。CSSファイルの「.(ピリオド)」は、htmlタグ内の「class」を意味し、「containerというclassを持つタグに対し、color:redを設定する」といった意味の記述になっています。CSSの基本形はこれだけで、後はbackground-color等、各項目を設定していきます。いった項目は、一つ一つ覚えるものではなく、「必要に応じて検索するもの」と覚えましょう。CSS」で検索すると、一番最初にbackground-colorの設定に関するページが見つかります。Tutorialこちらの画像は、paddingとmarginの説明によく使われる図です。「width:100px,height:100px」のdivisionがあったとします。その場合,・margin:10pxと設定→その周囲との幅が10pxになる・padding:10pxと設定→その内側に10pxが足される(横幅,縦幅ともに20pxずつ追加される計算になります)といったことが起こります。用途としては、marginは基本的に要素間のスペースを作るために、marginは例えばテキストが要素の外周にピッタリくっついてしまうことを防ぐために使われます。最初の難関!「float」を使いこなせれば一人前!2つの要素(タグ)を横に並べたいときはどのようにすればいいのでしょうか?この簡単そうな処理に初心者の方はまず苦戦することが多いようです。この「要素の横並び」に関して覚えることはこの2つ・要素を横に並べたいときは「float:left;」を使おう!・「float:left」を設定した要素には必ず横幅(width)を設定しよう!です。不慣れな方は、2番めを忘れがちなので注意が必要です。float:left;を設定しても、横幅を設定してあげないと、要素は横並びにはなってくれません。全体の横幅が1000pxで、中に2つの要素を横に並べたいときは、中の要素を500px以下に設定する必要があります。実は厄介!文字や空間の中央揃えはやり方がある!「float」と並んでもう一つ見かけによらず厄介なのが、「中央揃え」です。HTMLは論文を共有するために作られた、という経緯があるため、基本的に「文字は左上から」というのが決まってしまっています。1000pxの要素の中にある300pxの要素を中央にしたい場合は、以下のように設定します。他にもやりかたはありますが、これで文字を中央に寄せることができます。他にも、文字を縦に中央揃えしたいときがあります。50pxの縦幅をもつ要素で普通にテキストを書いてしまうと、下に余分に空白ができてしまいます。いった場合は以下のように書きましょう。50px;}ここでのポイントは「line-height」です。これを、要素のheightと同じにすることで、テキストを縦に中央に揃えることが出来ます。車輪の再発明を避けよう!凝ったデザインもぐぐれば見つかる!また、CSSに関する情報はいろんな人が発信してくれているので、google検索により凝ったデザインですらもやり方が見つかります。デザイン」等で調べればかなりいろんなボタンの作り方が出てくるし、フォームやリストに関しても同様に使えます。>>SHARE最新記事スキルアップ2020.02.19兵庫県のプログラミングスクール5選|人気おすすめは?料金&特徴を比較2020年最新!この記事では、兵庫県で人気&おすすめのプログラミングスクール5校を料金や講座内容別に徹底比較。ご自分のペースで効率よく学べる無料のオンラインスクールもありますよ。今回は、茨城県で人気&おすすめのプログラミングスクール6校を料金や特徴別に徹底比較。多彩なコースで効率よく学べる人気スクールなど厳選してまとめました。今回は、兵庫県でおすすめのIT専門学校とプログラミングスクールを受講料が安い順ランキングで9校まとめました。若狭湾を囲んで美しいビーチや景勝地が点在する福井県。今回は「プログラミングを学んで東京都内でエンジニアとして就職したい!」という方に向けて、福井でおすすめのIT専門学校&プログラミングスクールを厳選2校ピックアップ。[...]スキルアップ2020.02.10岡山県のIT専門学校&プログラミングスクール7選!学費と特徴を徹底比較きびだんごと桃太郎といえば岡山県!今回は、そんな岡山県でおすすめのIT専門学校&プログラミングスクールを受講料が安い順にランキング形式で7校ご紹介。世界遺産の厳島神社や日本三景と称される安芸の宮島など、世界的に有名な観光地として知られる広島県。