セブ島 語学学校NILS ITインターン留学 のりょーでっす!!

最近なんだか体を思いっきり動かしたくなってインターン仲間たちとIT Park にある私たちの職場兼学校のあるTGUタワーから徒歩4−5分のところにあるMETRO SPORTS CENTER本気のバドミントンをしてきたっちゃ!

なんだかんだ白熱するものの、スタミナ衰えててまっったく試合にならなかったり、とかかなぁ〜と思いつつも、若さが勝り思いの外がガチ中のガチを極めたバミトントンとなりました笑

さーてさて、パソコンばっかやってても、運動は忘れちゃいけないなって思った所存なんだけども、ITインターンとして、忘れたらいけないOJTも兼ねて今回共有していきたいことがあります!!

それは、前回ウェブデザインの上で絶対に欠かせないCSSを紹介させていただいたんですがぁ〜それと同じように、デザインしていく上で忘れてはいけないものがあります…。

それは!!!”reset.css”なるものでございます!!!

reset.cssって何ぞや?

なんのこっちゃって話になるべ?
そこで、初心者がITインターンを通して学んだことをここで共有して行っちゃいたい!!!

まず!!
reset.cssを紹介するために、
ブラウザとの関係、という部分に触れていきたいと思います!

ブラウザとは

ブラウザとは、Google ChromeFirefoxInternet Explorerなどなど、のことを言うんですが、
その一つ一つにはデフォルトで設定されているCSSが違うんです!!
それぞれで見たら若干自分の思っているデザインとはそれぞれ違う…なーーんてことはもうまずぶつかるウェブ作成の壁といっても過言じゃないんだけども、

そこでreset.cssの登場!!!
こいつを CSSHTMLに組み込んだ時同様、組み込んでやると、

…ってなになに????

組み込みかたがわからないって??
下記のリンクページに飛んでおさらいしてきなさぁ〜〜〜い!!

セブ島IT留学生が送る「CSS」とは!?ウェブデザインの基本を解説!!

はいっ、ちゅーわけで、組み込んでやるだけで、ブラウザでのデフォルトで設定されている
CSSをRESETして、どのブラウザで表示しても自分が作った通り、思い通りのデザインで表示させちゃえる!!
ってゆーだーいじな、だーいじなもんなんです!

reset.css は自分で書いたりする人もいるし、ネットで検索して見ればいっぱいいろんなreset.cssがあるから、自分にって使いやすいものをその中から選んで、それを自分でカスタマイズしたりとか!!

決まった何かってゆーのはないから、果てしない話だね笑

興味があったら上記のブログにもHTML・CSSについて触れてるし、そっからsample引っ張ってきて試してみてください!!!

あっ、組み込み方の注意なんだけど、
必ず一番最初にresetの設定を書いてください!!!
理由としては、
CSSには上書きがある!からです!!
だから!一番最初に書いて、まず最初にブラウザをデフォルトのない
まっさらな状態にしてあげてから自分のCSSでデザインしてあげよう!!!

ここまででなんとなく理解していただけてるかどうか、不安しかないですけれども、、、
理解しなくていいです!!なんなら、ウェブページってそんなこんなであんなんなってこれとこれとこれでこんなかんじで
できあがってるのか〜〜〜〜みたいな感じで見てください!!

まだまだ奥が深く、終わりのない分野なので、こっからこっから!!

IT留学に関するお問い合わせ
no image

この記事が気に入ったら
いいね!をお願いします(^^)