職業訓練は役立つ?実際に行ってみた(10日目)

職業訓練10日目になりました。今日からCSSで装飾も始まっていきます。

ぜひ読んでほしい人

『毎日更新！！』とかぶち上げると大体がだらたらした只の日記になるので、更新頻度は特に決めません。

職業訓練訓練を受けるまでのステップや、基本的な制度についてはこちらをご確認ください。

午前の部

CSSの授業が始まると、HTMLとCSSの両方を触ることになるのでどんどん新しい事が増えていくので授業のスピード自体が早くなってきました。

時限	概要	内容
1限	font関連とbackgroundプロパティについて	font-familyの種類やfont-sizeの指定方法、ブロックレベル要素とインライン要素にそれぞれ背景色を付けながら要素の性質について確認します。他にもbackground-imageを使って背景画像の指定などについても触れていきます。
2限	background-imageの詳細	background-repeatやbackground-position、background-attachmentについて触れていきます。widthやheightの設定についても講義内で操作していきます。
3限	linear-gradientプロパティの説明(線形グラデーション)	background-image:linear-gradient()の使い方についての講義です。グラデーションに関しては授業ではlinear-gradientしか触れられないのと、ベンダープレフィックスについてほとんど触れられないので以下のページで予備知識は付けたほうがいいかなと思います。

linear-gradient(線形グラデーション)についてはこちら↓をご覧ください。

radial-gradient(円形グラデーション)についてはこちら↓をご覧ください。

ベンダープレフィックス(ブラウザ毎のタグやプロパティの対応状況)についてはこちら↓をご覧ください。

borderプロパティや<table>タグの装飾、<ol>タグについてと<li>タグをinlineで横に並べるといったところまで授業が進みます。

時限	概要	内容
4限	borderプロパティについて	borderプロパティを通じて一括指定プロパティ(backgroundプロパティも一括指定プロパティ)について学んでいきます。borderプロパティのなかでborder-radiusについても触れていきます。
5限	<table>タグの装飾	前日勉強した<table>タグの装飾について触れていきます。border-collaspeやborder-spacingについて触れていきます。
6限	<ol>タグとdisplay:inlineについて	前日では<ul>タグについて講義がありましたがこの時限で<ol>タグについて触れています。また<li>タグをdisplay:inlineで横並びにするといったところまで進めていきます。

<ol>タグ、<ull>タグ、<li>タグについてはこちら↓で解説しています。

displayプロパティについてはこちら↓をご覧ください。

まとめ

CSSが入ってくると新しいタグとプロパティの種類が一気に増えて覚える事が増えるので予習しておかないと少しつらいかもしれません。